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路由，服务器转发一下即可完美解决。