0
点赞
收藏
分享

微信扫一扫

请求网络时检查token,对网络请求做处理(axios)(vue)

悲催博士僧 2022-01-21 阅读 45
import axios from "axios";
 
export function request(config) {
    const instance = axios.create({
        // 设置请求头
        baseURL: 'https://api.shop.eduwork.cn',
        // 设置请求时间
        timeout: 5000
    })
 
    // 请求拦截
    instance.interceptors.request.use(config => {
        // 如果有一些接口需要认证才可以访问,就在这统一设置
        // 例如登录的token
 
         // 为请求对象,添加token验证的Authorization字段
        // 当token为空时,在需要token字段的接口将不会放行,接口请求失败
        config.headers.Authorization = window.sessionStorage.getItem('token');
        return config;
 
        // 直接放行
        return config;
    },error => {
 
    })
 
    // 响应拦截
    instance.interceptors.response.use(res => {
        return res;
    },error => {
        // 如果有需要授权才可以访问的接口,统一去login授权
 
        // 如果有错误,这里面去设置处理,显示错误信息
 
    })
    return instance(config);
}
login(){
      // 登录成功保存token,用于身份验证
      window.sessionStorage.setItem('token',res.data.data.token);
}

 

 

 

举报

相关推荐

0 条评论