關於vue中 Axios的使用心得

2021-09-26 00:24:18 字數 1258 閱讀 3245

首先在這裡給大家放一下axios的中文說明 :

//這裡推薦還沒有使用cnpm的小夥伴使用一下cnpm

npm install -g cnpm --registry=

cnpm install axios

cdn的使用方式

1:在main.js中全域性配置axios,把axios掛載到vue的原型上,這樣我們就可以在vue建立的物件中直接只用this.axios 使用axios

import axios from 'axios'

vue.prototype.axios = axios

import store from './store'

import router from './router'

import axios from 'axios'

// http 全域性攔截

// token放在我們請求的header上面打回去給後端

//這裡是配置baseurl

axios.defaults.baseurl = "";

// axios.defaults.baseurl = "";

//這裡是全域性攔截 這裡把localstorage裡面的token值放在header中帶回去,這樣就不用每一次都傳token值,會自動幫我們傳

axios.interceptors.request.use(

config =>

return config

})//這裡是對res的返回做全域性判斷

axios.interceptors.response.use(

res => )

}else if(data.state == -1))

}return data

}// }

)// 登入

//這裡是 寫介面的地方

export const login = params =>

需要掉用介面的時候只需在需要的檔案裡面

import  from "@/setaxios.js";
發請求例項

login(this.loginform).then(res => );

}});

}else if(res.state == 0)

})

vue中axios的使用

寫上乙個專案的時候,我們就用到了axios,但是我當時沒怎麼學,不知道從哪下手,這個時候我小夥伴又把咋用的給我整理好了,那我就老老實實的當個廢物,他怎麼說我怎麼用。最後能用,但是不理解為什麼這樣用,正好學vue中的axios時又重新學了一遍。直接拿 來講吧 axios.defaults.baseur...

vue中axios的使用

新開了乙個vue專案,從頭到尾都是乙個人做的,所以就自己配置了乙個axios.js檔案 import axios from axios 引入axios vue.prototype.http axios 掛載在原型上 原因 直接掛載在原型上可能會給vue的原型鏈產生汙染,且太粗暴 不符合vue的生態環...

axios在vue中的使用

axios的安裝與配置 使用 npm npm install axios使用script匯入 在vue cli中使用 import axios from axios 在原型上定義方法,就可以在元件的methods中寫this.http 這個 http名字可以自己自定義,但注意不要重複衝突 vue.p...