怎么在html文件中添加vue拦截器

Question

我在学习vue,新建了一个html文件，引入了三个js文件 vue.js,vuecommon.js,axios.js,现在想在该html文件中，添加请求拦截器和响应拦截器，能这么添加吗，如果可以，请指导我一下，万分感激。

    <script type="text/javascript">
        var vm = new Vue({
            el: "#box",
            data: {
            }
        });
    </script>

Answer 1

添加一个请求拦截器

axios.interceptors.request.use(function (config) {
    let token = window.localStorage.getItem("token")
    if (token) {
      // 设置请求头
     config.headers.common['Authorization'] = token
    }
    return config
}, function (error) {
    //如果请求出错在此执行某些操作
    return Promise.reject(error);
});

添加一个响应拦截器

 
axios.interceptors.response.use(function (response) {
    //登录超时
    if(response.data.code==400){
        router.push('/')
    }
    return response;
}, function (error) {
    return Promise.reject(error);
});

————————————————
版权声明：本文为CSDN博主「超快的慢蜗牛」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/w17624003437/article/details/126464801