vue 中使用axios 的注意点

1:安装axios
npm install axios 

2:导入axios(可在main.js中进行导入)
import axios from ‘axios’
 

3:注册axios

• Vue.prototype.$axios = axios;
• // Vue.use(axios);----此方法不试用于 axios(会报错)

 

4：axios在组建中的使用
this.$axios.post("/api/user",{data}).then((res)=>{console.log(res)})

this.$axios.get("/api/user").then((res)=>{console.log(res)})

 

5:配置它的请求头信息等

//设置基础链接
axios.defaults.baseURL = baseUrl;
axios.defaults.headers.common['x-auth-token'] = localStorage.getItem("sessionid") || "";

//axios.defaults.headers['xtoken'] = token;
if(process.env.NODE_ENV === 'production') {
    //生产环境运行

} else {
    //开发环境运行

}

6:设置axios 请求头无效问题：

//添加请求拦截器
axios.interceptors.request.use(config => {
    // 解决axios设置全局的头失效
      config.headers.xtoken = sessionStorage.getItem("loginU");
      return config;
    //在发送请求之前做某事，比如说 设置loading动画显示
    return config
}, error => {
    //请求错误时做些事
    return Promise.reject(error)
});