axios请求头添加token

import axios from 'axios';
// http request 拦截器
const httpService = axios.create({
    baseURL: "", // 需自定义 // url前缀-'http:xxx.xxx'
    timeout: 900000, // 需自定义 请求超时时间   十五分钟
    withCredentials: false, // `withCredentials` 表示跨域请求时是否需要使用凭证
});

// request拦截器
httpService.interceptors.request.use(

    config => {
        config.headers['Content-Type'] = 'application/json;charset=utf-8';
       let user = localStorage.getItem("user")?JSON.parse(localStorage.getItem("user")):null
        if (user) {
            config.headers['token'] = user.token // 让每个请求携带自定义token 请根据实际情况自行修改
          }
        return config;
    },
    error => {
        // 请求错误处理
        return Promise.reject(error);
    }
)

httpService.interceptors.response.use(
    response => {
      if (response.data.errno === 999) {
        router.replace('/');
        console.log("token过期");
      }
      return response;
    },
    error => {
      return Promise.reject(error);
    }
  );
export default httpService;

main.js

import axios from './axios/http.js'

// axios.interceptors.request.use( config => {
//   // console.log("config:", config);
//   config.headers.Authorization = window.sessionStorage.getItem("Token");
//   return config;
// });
Vue.prototype.axios = axios
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值