axios简单配置demo

axios简单配置demo
//引入
import Vue from ‘vue’
import axios from “axios”
//Vue实例原型
Vue.prototype.$http = axios;
//全局
axios.defaults.baseURL=’/api/’;
//全局中配置请求拦截 器；
//请求拦截器中配置token,；
axios.interceptors.request.use(config=>{
// NProgress.start();
//在请求中的authorization字段中添加token;
config.headers.Authorization =localStorage.getItem(“token”);
//始终返回
return config
});

// 对响应的数据进行处理，判断状态码，根据状态码实现不同的功能；
// 比如；res中的状态码 401 10010 表示token过期；
axios.interceptors.response.use(res=>{
// NProgress.done();
console.log(“返回的数据”,res);
return res.data
});

new Vue({
router,
store,
render: h => h(App)
}).$mount(’#app’)

//vue.config.js文件中
module.exports = {
devServer: {
proxy: {
// 配置跨域
‘/api’: {
target: “http:接口地址”,
ws:true,
changOrigin:true,
pathRewrite:{
‘^/api’:’’
}
}
}
}
}