Nuxt3 有內建 vue-router ,在 pages 資料夾內會依照 vue 檔案名稱作為 url。那假設要重定向呢?
我們可以在 nuxt.config.ts 檔案內,使用 routeRules 做設定。
這樣只要開啟 /home 和 /123 都會跳轉到 / 路徑(index.vue)。
如果想要動態設定,也可以使用下面的方式:
這樣只要是 /test/ , /test/123 等都會跳轉到 /
註: /test 並不會被跳轉
我們可以在 nuxt.config.ts 檔案內,使用 routeRules 做設定。
export default defineNuxtConfig({
routeRules: {
'/home': {redirect: '/'},
'/123': {redirect: '/'},
},
})
這樣只要開啟 /home 和 /123 都會跳轉到 / 路徑(index.vue)。
如果想要動態設定,也可以使用下面的方式:
export default defineNuxtConfig({
routeRules: {
'/test/:id': {redirect: '/'},
},
})
這樣只要是 /test/ , /test/123 等都會跳轉到 /
註: /test 並不會被跳轉
留言
張貼留言
如果有任何問題或建議,都歡迎留言或來信: a@ruyut.com