你会注意到你的Quasar项目包含一个/src/router文件夹。 这包含您的网站/应用程序的路由配置:
- “/src/router/index.js” 保存Vue路由初始化代码
- “/src/router/routes.js” 保存你的网站/应用的路由
请务必阅读Vue路由文档 以了解其工作原理。
/src/router/routes.js
需要导入你的网站/应用的页面和布局。 阅读使用布局和页面进行路由 文档页面获取更多信息。
使用Vuex时,不能直接从其他脚本导入store,但是会将其传递到/src/router/index.js
的导出函数,因此可以从那里访问它。 例如,您可以使用Router.beforeEach
方法来检查路由器中的身份验证:
export default function ({ store /*, ssrContext */ }) {
// ...
Router.beforeEach((to, from, next) => {
if (to.matched.some(record => record.meta.requireAuth) && !store.getters['auth/isSignedIn']) {
next({ name: 'account-signin', query: { next: to.fullPath } })
} else {
next()
}
})
// ...
}