創(chuàng)建一個(gè)js文件剧罩，名稱自己定，如service.js
import axios from "axios"; // 引入axios
// 自定義一個(gè)axios實(shí)例
const service = axios.create(
baseURL: "10.xx.xx.x", // 后端接口ip
timeout: "1000", // 請(qǐng)求時(shí)間限制一膨，超過時(shí)間請(qǐng)求會(huì)被中斷
headers: {'Content-Type': 'application/x-www-form-urlencoded'} // 請(qǐng)求頭
)
// 請(qǐng)求攔截器
service.interceptors.request.use(
config => {
const token = "xxx"; // 在vuex里面保存的token
if(token) {
// 存在token時(shí)則在請(qǐng)求頭headers里加入token
// X-Token為自定義字段呀邢，根據(jù)后端的規(guī)定來定義
config.headers["X-Token"] = token
}
return config;
}, error => {
return Promise.reject(error);
}
)
// 響應(yīng)攔截器
service.interceptors.response.use(
response => {
console.log(response, 'response')
if(response.data.code === 200){}
return response;
}, error => {
return Promise.reject(error);
}
)
export default service;
