zoukankan      html  css  js  c++  java
  • vue登录注册及token验证

    // router.js
    import Vue from 'vue'
    import VueRouter from 'vue-router'

    Vue.use(VueRouter)

    const routes = [
    {
    path: '/',
    component: require('./views/Home'),
    meta: {
    requiresAuth: true
    }
    },
    ]

    const router = new VueRouter({
    routes: routes
    })

    router.beforeEach((to, from, next) => {
    let token = window.localStorage.getItem('token')
    if (to.matched.some(record => record.meta.requiresAuth) && (!token || token === null)) {
    next({
    path: '/login',
    query: { redirect: to.fullPath }
    })
    } else {
    next()
    }
    })

    export default router

    <script>
    // App.vue
    export default {
    watch:{
    '$route':function(to,from){
    let token = window.localStorage.getItem('token');
             if (to.matched.some(record => record.meta.requiresAuth) && (!token || token === null)) {
               next({
               path: '/login',
               query: { redirect: to.fullPath }
               })
             } else {
           next()
             }
       }
      }
    }
    </script>

  • 相关阅读:
    [手游新项目历程]-36- error: stray ‘357’ in program
    广告学(一)
    VMware的Unity模式
    poj3709
    poj1849
    bzoj2007
    bzoj3209
    bzoj2466,poj1222
    bzoj1016
    bzoj2186
  • 原文地址:https://www.cnblogs.com/tis100204/p/10442727.html
Copyright © 2011-2022 走看看