本篇内容介绍了“vue怎么对路由进行拦截”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!具体步骤如下:1.首先,在新建一个html项目,并在项目中引入vue和router;import Vue from ‘vue’import Router from ‘router’
2 香港云主机.vue和router引入后,继续在项目中引入aixos用于拦截路由;import axios from ‘axios’
3.最后,引入aixos后,执行以下代码即可对路由进行拦截;1)使用axios.interceptors.request.use拦截路由请求axios.interceptors.request.use((config)) => {const token = localStorage.getTtem(‘token’);if (token) {config.headers.Authorization = ‘Code $)tkoen}’;}return config;}, (error) => {console.error(request interceptor:’,wrror)return Promise.reject(error)})
2)使用axios.interceptors.response.use拦截路由响应axios.interceptors.response.use((res)) => {return res;}, (error) => {console.log(‘response intercptor:’,error)if (error.response.status) {switch (error.response.status) {case 401:Router.replace(‘/login’);}}return Promise.reject(error);})
“vue怎么对路由进行拦截”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注开发云网站,小编将为大家输出更多高质量的实用文章!
相关推荐: win10命令提示符怎么禁止Windows Defender
本篇内容介绍了“win10命令提示符怎么禁止Windows Defender”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!禁止方法:1、按win+r打开运行窗口…
免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。