【Vue+axios】 axios拦截伪造token,判断是否登录

【Vue+axios】 axios拦截伪造token,判断是否登录

http文件夹中的http.js添加响应拦截器

 //导入axios

import axios from 'axios'

import router from '../router/router';

//导入vue

import Vue from 'vue'

//创建副本

const Axios = axios.create({

​    //基地址

​    baseURL: 'http://localhost:8888/api/private/v1/'

})

// 添加请求拦截器

Axios.interceptors.request.use(config => {

​    // 请求成功触发 

​    //设置请求头携带token

​    config.headers.Authorization = window.sessionStorage.getItem('token')

​    return config;

}, error => {

​    // 请求失败时触发

​    return Promise.reject(error);

});

  //添加响应拦截器

 Axios.interceptors.response.use(response => {

​    console.log('响应成功')`

​   //响应成功触发

​    if (response.data.meta.status == 400 && response.data.meta.msg == "无效token")    {

​        //伪造的token,清除

​        window.sessionStorage.clear()
    
        //并跳转到登录页

​        router.push('/login')

		//弹框

​        Vue.prototype.$message.error('请文明上网!')

​    }

​    return response;

}, error => {

​    // 响应失败触发

​    return Promise.reject(error);

});
});