vue全局路由守卫怎么使用

本文小编为大家详细介绍“vue全局路由守卫怎么使用”，内容详细，步骤清晰，细节处理妥当，希望这篇“vue全局路由守卫怎么使用”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。具体步骤如下：1.首先，新建一个html项目，并在项目中安装vue-router；npm install vue-router
2.vue-router安装好，在项目中引入vue和vue-router；import Vue fro 香港云主机m ‘vue’import Router from ‘vue-router’
3.vue和vue-router引入后，在项目中使用Vue.use方法注册一个路由；Vue.use(VueRouter)
4.路由注册好后，在项目中定义路由并配置；export default new vueRouter({routes: [{path: ‘/’,component: Index}, {path: ‘/Detail’,component: Detail,meta: {requireLogin: 2}}, {path: ‘/Center’,component: Center,meta: {requireLogin: 1}}]})
5.最后，路由配置好后，在项目中执行以下代码即可使用全局路由守卫；import router from ‘./router’
router.beforeEach((to, from, next) => {
let token = window.localStorage.getItem(‘token’)if (to.meta.requireLogin && to.meta.requireLogin === 1) {if (token) {next()} else {next(‘/’)}} else if (to.meta.requireLogin && to.meta.requireLogin === 2) {if (token) {next(‘/center’)} else {next()}} else {next()}})
读到这里，这篇“vue全局路由守卫怎么使用”文章已经介绍完毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注开发云行业资讯频道。

相关推荐: python怎么实现按季度统计的起止时间

本篇内容介绍了“python怎么实现按季度统计的起止时间”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！要求按季度统计出代理商从注册之日起的消费情况从默认时间点起…