axios拦截所有请求和响应

在vueCli工程中，难免不了要向后端传递请求头等验证信息！！！如果每个请求一个一个的去添加请求头信息肯定不行，那么就得拦截所有请求去添加请求头信息。

拦截所有请求

在main.js中添加

代码语言：javascript复制

axios.interceptors.request.use(config => {
    //在请求头中添加token
    config.headers.token=localStorage.getItem('token');
    // alert(config.headers.token)
    return config;
    },
    error => {
        ElementUI.Message.error("请求出错了，请稍后再试。ʕ•ᴥ•ʔ")
        return Promise.reject(error);
    });

拦截所有响应

代码语言：javascript复制

axios.interceptors.response.use(response => {
        return response
    },
    error => {
        router.push("/login")
        return Promise.reject(error);
    })

axios error return token 后端

0 人点赞