Quasar CLI with Vite - @quasar/app-vite
您会注意到您的 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 文件中导入您的网站/应用的页面和布局文件。更多信息参考 使用页面和布局进行路由 页面。
在使用 Pinia 时，不能直接从别的脚本中导入 store，但是在 /src/router/index.js 的导出函数中，可以通过参数访问它。例如，您可以利用 Router.beforeEach 来做登录验证：
import { defineRouter } from "#q-app/wrappers";
export default defineRouter(({ store /*, ssrContext */ }) => {
// ...
const userStore = useUserStore(store);
Router.beforeEach((to, from) => {
if (to.matched.some((record) => record.meta.requiresAuth) && !userStore.isSignedIn) {
return { name: "account-signin", query: { next: to.fullPath } };
}
});
// ...
});content_paste
TIP
如果您在开发 SSR 应用，您还可以在此访问 ssrContext 对象（服务端）。