Quasar CLI with Webpack - @quasar/app-webpack
应用路由

你会注意到你的Quasar项目包含一个/src/router文件夹。 这包含您的网站/应用程序的路由配置:

  • “/src/router/index.js” 保存Vue路由初始化代码
  • “/src/router/routes.js” 保存你的网站/应用的路由

WARNING

Quasar文档假定你已经熟悉了Vue Router。下面我们只描述了如何在Quasar CLI项目中使用它的基本情况。对于其功能的完整列表,请访问Vue Router 文档

/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.requiresAuth) && !store.getters['auth/isSignedIn']) {
      next({ name: 'account-signin', query: { next: to.fullPath } })
    } else {
      next()
    }
  })
  // ...
}

TIP

如果你正在开发一个SSR应用程序,那么你可以看看ssrContext对象,它被提供给服务器端。