应用路由 | Quasar Framework

Quasar CLI with Webpack - @quasar/app-webpack

应用路由

您会注意到您的 Quasar 项目中包含一个 /src/router 目录。这里包含您的网站/应用程序的路由配置：

“/src/router/index.js” 文件中处理 Vue Router 的初始化工作
“/src/router/routes.js” 文件中定义了您的网站/应用的路由表。

WARNING

Quasar 文档假设您已经熟悉了 Vue Router。下面的内容描述了如何在 Quasar CLI 项目中使用路由。更多关于 Vue Router 本身的内容请参考： Vue Router 文档。

您需要在 /src/router/routes.js 文件中导入您的网站/应用的页面和布局文件。更多信息参考使用页面和布局进行路由页面。

在使用 Vuex 时，不能直接从别的脚本中导入 store。但是在 /src/router/index.js 中的函数中，可以通过 store 参数访问它。例如，您可以利用 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();
    }
  });
  // ...
}

TIP

如果您在开发 SSR 应用，您还可以在此访问 ssrContext 对象（服务端）。

发现错误？在浏览器中编辑此页