这几天在用Vue3写点小项目遇到了一些坑!
- 路由的404方式变了
只顾着看vue3核心文档,写404的时候发现原来的 * 的配置方法在vue3里面已经不适用了。官方文档建议使用如下:
{
path: '/404',
name: '404',
component: () => import('../views/404')
},
{
path: '/:pathMatch(.*)',
redirect: '/404'
}
- setup里面获取上下文调用$router.push等方法一些环境下报错。
虽然不知道为什么,但是官方文档已经给出了在setup里面调用router的函数
个人用起来还是非常爽的
import { useRouter } from 'vue-router'
const router = useRouter();
router.replace("/login");
- 刷新会不时地重定向到/路径。
这个问题可是困扰我几个月之久,最终我发现其实是路由的问题。把hash路由改为h5的history路由,服务器转发一下即可完美解决。