Nuxt3 設定網頁重定向 示範

Nuxt3 有內建 vue-router ，在 pages 資料夾內會依照 vue 檔案名稱作為 url。那假設要重定向呢?

我們可以在 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 並不會被跳轉