Quasar CLI with Vite - @quasar/app-vite
您會注意到您的 Quasar 專案包含一個 /src/router 資料夾。這保存了您的網站/應用程式的路由設定
- “/src/router/index.js” 保存了 Vue Router 初始化程式碼
- “/src/router/routes.js” 保存了您的網站/應用程式的路由
警告
Quasar 文件假設您已經熟悉 Vue Router。以下僅說明如何在 Quasar CLI 專案中使用它的基本知識。如需其完整功能列表，請造訪 Vue Router 文件。
/src/router/routes.js 需要匯入您網站/應用程式的 Pages 和 Layouts。請閱讀使用 Layouts 和 Pages 進行路由文件頁面以了解更多資訊。
當使用 Pinia 時，store 無法直接從其他腳本匯入，但它會傳遞到 /src/router/index.js 的匯出函數，因此可以從那裡存取。例如，您可以使用 Router.beforeEach 方法來檢查路由器中的身份驗證
export default function ({ store /*, ssrContext */ }) {
// ...
const userStore = useUserStore(store);
Router.beforeEach((to, from, next) => {
if (to.matched.some(record => record.meta.requiresAuth) && !userStore.isSignedIn) {
next({ name: 'account-signin', query: { next: to.fullPath } })
} else {
next()
}
})
// ...
}content_paste
提示
如果您正在開發 SSR 應用程式，那麼您可以查看 ssrContext 物件，該物件在伺服器端提供。