【两步解决】vue-route addRoute 动态路由导致刷新404

最新推荐文章于 2024-09-27 15:27:45 发布

har01d

最新推荐文章于 2024-09-27 15:27:45 发布

阅读量192

点赞数 1

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_43951592/article/details/142461356

版权

第一步：把 404 的匹配移到 addRoute 方法下面

if (token) {
      const store = useStore()
      const menus = store.authMenus || []
		
      addRouteFunction(menus)
      
	  router.addRoute({
        path: '/:pathMatch(.*)*',
        redirect: '/404'
      })

第二步：在App.vue里（或者其他首页文件）

<script setup lang="ts">
import { RouterLink, RouterView } from 'vue-router'
import { useRouter } from 'vue-router'
const router = useRouter()

setTimeout(() => {
  router.replace(router.options.history.location);
}, 10);


</script>