axios全域性註冊,設定token,以及全域性設定url請求網段
阿新 • • 發佈:2019-02-19
a1.axios全域性註冊。
axios不同 與vue-resource不能在import axios from 'axios'後使用Vue.use(axios),axios不是外掛,要想全域性使用axios應該修改其原型鏈,程式碼如下
import axios from 'axios'
Vue.prototype.$axios=axios
這樣 axios就全域性註冊好了,要使用axios,只需要這樣
this.$axios.post("/login", this.form).then((response) => { } else { } });
使用this.$axios 就可以了。
2.axios設定頭部token.
設定token需要使用axios攔截器程式碼如下
const url='192.137.8080/api'/*設定全域性請求地址*/
axios.interceptors.request.use( config => { let token = localStorage.getItem("x-auth-token"); if (token) { // 判斷是否存在token,如果存在的話,則每個http header都加上token config.headers.token = `${token}`; } if (config.url.indexOf(url) === -1) { config.url = url + config.url;/*拼接完整請求路徑*/ } return config; }, err => { return Promise.reject(err); });