对某些特定请求,可以在请求拦截器中进行判断,是否取消改请求
起因:一个商城的首页,有商品的展示,可以直接添加到购物车;
但一般进入首页不会要求用户登录,如果添加购物车,提示用户进行登录;
但是这个添加购物车的请求依然会发出,这时需要在请求拦截内进行处理
下面是完整代码:
import axios from 'axios';
import {Message} from 'element-ui'
import router from '../router/index'
// 按照axios官方提示需要引入这两步
const CancelToken = axios.CancelToken;
const source = CancelToken.source();
const instance = axios.create({
baseURL: "http://xxx.xxx.xxx",
timeout: 5000,
headers: {'Content-Type': 'application/x-www-form-urlencoded'}
})
// 请求拦截器
instance.interceptors.request.use(config => {
let tokenS = sessionStorage.getItem('token');
let tokenL = localStorage.getItem('token');
if (tokenS || tokenL) {
config.headers['token'] = tokenS || tokenL;
} else {
if (config.url ===