Vue3設置404頁面

這幾天在用Vue3寫點小項目遇到了一些坑！

1. 路由的404方式變了

只顧着看vue3核心文檔，寫404的時候發現原來的 * 的配置方法在vue3里面已經不適用了。官方文檔建議使用如下：

  {
        path: '/404',
        name: '404',
        component: () => import('../views/404')
    },
    {
        path: '/:pathMatch(.*)',
        redirect: '/404'
    }

2. setup里面獲取上下文調用$router.push等方法一些環境下報錯。

雖然不知道為什么，但是官方文檔已經給出了在setup里面調用router的函數
個人用起來還是非常爽的

import { useRouter } from 'vue-router'
const router = useRouter();
router.replace("/login");

3. 刷新會不時地重定向到/路徑。

這個問題可是困擾我幾個月之久，最終我發現其實是路由的問題。把hash路由改為h5的history路由，服務器轉發一下即可完美解決。