我在写一个小demo 没有后台的接口数据， 只能自己使用localstroage模拟的，在注册页面将userName这个字段存进localStroage中， 我想 一打开主页面就先进行判断 localstroage中是否存有userName这个字段，我想得是使用在mian.js中使用beforeEach这个钩子函数， 但是不知道该如何进行下去写，求各位大神帮忙
这是app.vue
0
777
TRIPICS|运营后台
{{loginName}}
个人设置
系统设置
退出系统
登录 |
注册
项目
财务
下面是main.js
import Vue from 'vue'
import Element from 'element-ui'
import 'element-ui/lib/theme-default/index.css'
import VueRouter from "vue-router";
import VueResource from 'vue-resource'
import App from './app.vue'
import Login from './components/login.vue'
import Resiger from './components/resiger.vue'
import Persional from './components/persional.vue'
import System from './components/system.vue'
import Project from './components/project.vue'
import Money from './components/money.vue'
Vue.config.debug = true;
Vue.use(VueRouter)
Vue.use(VueResource);
Vue.use(Element)
const router = new VueRouter({
routes:[
{path:'/login',name:'/login',component:Login},
{path:'/resiger',name:'/resiger',component:Resiger},
{path:'/system',name:'/system',component:System},
{path:'/personal',name:'/personal',component:Persional},
{path:'/project',name:'/project',component:Project},
{path:'/money',name:'/money',component:Money,},
{path:'/',name:'/',component:Login}
]
})
router.beforeEach((to,from,next) => {
console.log(localStorage.getItem('username'))
if(localStorage.getItem('username')){
console.log(123)
}else{
console.log(456)
next()
}
/*if(localStorage.getItem('username')){
console.log(localStorage.getItem('username'))
}else{
next({
path:'/login'
})
}*/
})
const app= new Vue({
router:router,
render: h => h(App),
data:{
storage:'',
loginName:''
}
}).$mount('#app')
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师，...