526互联

vue3路由重定向失效

发布时间 2023-11-21 10:02:46作者: 焦廉琨

页面刷新时遇到路由重定向无效的问题，可能是因为路由重定向是在客户端进行的，而页面刷新会重新加载整个应用程序，导致重定向逻辑丢失。

为了解决这个问题，你可以使用服务器端的重定向来确保在页面刷新时也能正确地重定向到指定的路由。以下是一种常见的解决方案：

  1. 在服务器端配置，确保所有请求都返回应用程序的入口页面（例如 index.html）。

  2. 在入口页面的 <head> 标签中添加以下代码，用于检测页面是否是在刷新时加载的：

    <script>
  if (performance.navigation.type === 1) {
    // 页面刷新时，执行重定向逻辑
    window.location.href = '/homeView/home';
  }
</script>