axios 全局拦截添加头部信息

甜菜，是我鸭！

已于 2023-12-11 14:27:59 修改

阅读量306

点赞数

文章标签： vue.js javascript 前端

于 2023-12-11 14:26:37 首次发布

本文链接：https://blog.csdn.net/baicai_123/article/details/134926212

版权

以vue为例，需要在main.js中添加axios头部信息，例如token值或者header信息

只需要将下面片段放进main.js中即可

// axios.defaults.withCredentials = true; // 允许携带cookie    ---需要token时，放开注释
axios.interceptors.request.use(function (config) {
  const A = "A" //（A表示你头部要添加的信息的值）
  const B = "B"
  if (A && B) { //用来判断AB值是否满足条件
    // 添加headers
    // config.headers.Authorization = token ---需要token时，放开注释
    config.headers.A = A
    config.headers.B = B
    config.headers['content-type'] = 'application/json';
    }
    // else {}
    return config;
  }, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
});