欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 编程资源 > 编程问答 >内容正文

编程问答

axios捕获401 赋值token

发布时间:2025/3/20 编程问答 34 豆豆
生活随笔 收集整理的这篇文章主要介绍了 axios捕获401 赋值token 小编觉得挺不错的,现在分享给大家,帮大家做个参考.
//捕获401 // http request 拦截器 axios.interceptors.request.use(config => {const token = localStorage.getItem('token')if (token) { // 判断是否存在token,如果存在的话,则每个http header都加上token// console.log(token)config.headers.Authorization = token}return config;},err => {return Promise.reject(err);});// http response 拦截器 axios.interceptors.response.use(response => {return response;},error => {if (error.response) {switch (error.response.status) {case 401:// 返回 401 清除token信息并跳转到登录页面router.replace({path: '/login',query: {redirect: router.currentRoute.fullPath}})}}return Promise.reject(error.response.data) // 返回接口返回的错误信息}); login.vue localStorage.setItem('token', "Bearer " + res.data.data.Token)

转载于:https://www.cnblogs.com/WNpursue/p/11194196.html

与50位技术专家面对面20年技术见证,附赠技术全景图

总结

以上是生活随笔为你收集整理的axios捕获401 赋值token的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。