我在学习vue,新建了一个html文件，引入了三个js文件 vue.js,vuecommon.js,axios.js,现在想在该html文件中，添加请求拦截器和响应拦截器，能这么添加吗，如果可以，请指导我一下，万分感激。
<script type="text/javascript">
var vm = new Vue({
el: "#box",
data: {
}
});
script>
添加一个请求拦截器
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
应该叫做axios 请求拦截器吧
以axios为例，可以vuecommon.js或者全局js中定义请求和响应拦截器，当使用axios时就会触发：
请求拦截器
axios.interceptors.request.use(
config => {
// 在发送请求之前做些什么
},
err => {
// 对请求错误做些什么
Vue.prototype.$message.error('请求超时')
return Promise.reject(err)
}
)
响应拦截器
axios.interceptors.response.use(
response => {
// 需要对结果进行提交处理，可用于登录时失效的响应成功拦截
},
err => {
// 对响应错误做些什么
}
)