鍍金池/ 問答/HTML/ vue-router導航守衛(wèi)如何根據(jù)存儲的狀態(tài)localStorage判斷是否要

vue-router導航守衛(wèi)如何根據(jù)存儲的狀態(tài)localStorage判斷是否要登陸

import Vue from 'vue'
import Router from 'vue-router'
import login from '@/components/login'
import list from '@/components/list'
import register from '@/components/register'
import authorization from '@/components/authorization'

Vue.use(Router)

const vueRouter = new Router({
routes: [

{
  path: '/',
  name: 'login',
  component: login
},
{
  path: '/list',
  name: 'list',
  component: list
},
{
  path: '/register',
  name: 'register',
  component: register
},
{
  path: '/authorization',
  name: 'authorization',
  component: authorization
}

]
})

vueRouter.beforeEach(function (to, from, next) {
let s = 1 // 1 代表存有登陸狀態(tài) 0 代表沒有登陸狀態(tài)
if(s){

next()

}else{

next('/list')  

}

});

export default vueRouter;

=============
當 s = 0 的時候 不能跳轉到list

回答
編輯回答
瘋浪

你題目里問到 localStorage,怎么沒見你代碼里面用呢…?
localStorage.getItem(name) 取值,localStorage.setItem(name, value) 設置值

2017年11月25日 05:23