Quasar CLI 搭配 Webpack - @quasar/app-webpack
您會注意到您的 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 物件。