vue中设置全局拦截token自动给所有请求添加header的token

在main.js中

---

// 创建axios实例
const api = axios.create({
  baseURL: 'http://localhost:8888',  // 请求的基础URL
  timeout: 5000  // 请求超时时间
});

// 请求拦截器
api.interceptors.request.use(
  function(config) {
    // 从浏览器会话存储中获取token
    const token = sessionStorage.getItem('token');

    // 如果token存在，则将其添加到请求头的Authorization字段中
    if (token) {
      config.headers.token = token;
    }

    return config;
  },
  function(error) {
    return Promise.reject(error);
  }
);

export default api;

在引用时用

import api from '@/main';