Vue.use(VueRouter)
/**定义路由**/
const routes = [
{
path: '/',
component: login
},
{
path: '/login',
name :'login',
component: login
},
{ path: '*', component: notfound },/*url路径跟路由跳转不匹配,404*/
{
path: '/table',
component: table,
meta: {
requireAuth: true, // 添加该字段,表示进入这个路由是需要登录的
},
children: [
{
path: '/',
component: batteryFactory
},
{
path: 'batteryFactory',
component: batteryFactory
},
{
path: 'batteryManage',
component: batteryManage
}
]
}
];
// 页面刷新时,重新赋值token
if (window.sessionStorage.getItem('token')) {
store.co
Vue——路由定义及基本使用
最新推荐文章于 2024-08-10 17:23:29 发布
本文深入探讨Vue.js的路由管理,介绍如何定义路由并进行基本使用,包括组件化导航、动态路由匹配、路由参数传递等核心概念,帮助开发者实现页面间的高效跳转和数据交互。
摘要由CSDN通过智能技术生成