vue刷新页面会到重定向页面，而不是当前页面

这种问题通常是因为路由配置的问题导致的，可以检查一下路由配置是否正确，特别是在配置重定向时是否设置好了重定向的目标页面。另外，如果你使用的是vue-router，可以尝试在路由配置中添加mode属性并设置为"history"，这样就可以使用HTML5的history API，在不刷新页面的情况下进行路由跳转。

另外，如果你使用的是浏览器自带的刷新功能，那么可能会导致页面重定向。你可以尝试使用Vue提供的刷新页面的方法，例如：

window.location.reload();

这样就不会触发页面重定向了。

相关问题

vue 刷新页面跳转到404

当使用Vue进行单页面应用开发时，如果在浏览器中直接刷新或跳转到某个路由地址，可能会导致404错误的问题。这是因为单页面应用的特性决定了它的路由是由前端控制的，而服务器端并没有相应的路由配置。所以当用户直接访问一个路由地址时，服务器无法正确处理这个请求，就会返回404错误。

解决这个问题的方法有两种：
1. 使用服务器端的重定向配置：在服务器端的配置中，可以把所有的路由都重定向到主页面，这样当用户直接访问某个路由地址时，服务器会将请求重定向到主页面，然后由前端的Vue路由来处理。这样就能避免404错误的出现。

2. 使用History模式：Vue提供了一种History模式的路由配置方式，通过这种方式可以使URL看起来更加正常，不再带有"#/"这样的标识符。但是使用History模式时，需要在服务器端进行相应的配置，以确保用户直接访问某个路由地址时能够正确返回对应的页面，而不是返回404错误。具体的配置方式可以参考Vue的官方文档或相关的教程。

综上所述，要解决Vue刷新页面跳转到404的问题，可以通过服务器端的重定向配置或使用Vue的History模式，并在服务器端进行相应的配置，以确保用户访问路由地址时能够正确返回对应的页面，而不是返回404错误。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [关于Vue3刷新页面报错404的解决方法](https://blog.csdn.net/Yang_Ming_Lei/article/details/130384715)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* [vue单页面实现当前页面刷新或跳转时提示保存](https://download.csdn.net/download/weixin_38749863/12950235)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]

vue重定向没有刷新

Vue是一种流行的JavaScript框架，用于构建用户界面。在Vue中，重定向是一种将用户导航到另一个URL并在页面上显示新内容的技术。

Vue的路由功能允许开发人员在应用程序中实现重定向。通过在Vue路由中配置路由规则，可以将特定URL路径重定向到另一个页面或组件。

重定向的工作原理是通过使用router实例的`push`或`replace`方法来更改当前URL而触发的。`push`方法保留浏览器的历史记录，而`replace`方法则将当前URL替换为新的URL，不保留历史记录。

然而，无论是使用`push`还是`replace`方法，重定向后页面不会自动刷新。这是因为Vue是一种单页面应用程序(SPA)，页面不会因为URL的改变而重新加载。

要实现在重定向后刷新页面，可以使用Vue提供的路由导航守卫功能。导航守卫允许在路由切换前后执行一些逻辑。

在导航守卫的`beforeEach`方法中，可以通过调用`location.reload()`方法来实现页面的刷新。这将导致浏览器重新加载页面，显示重定向后的内容。

以下是一个示例：

router.beforeEach((to, from, next) => {
  if (to.path === '/redirect') {
    next();
    location.reload();
  } else {
    next();
  }
});

在这个示例中，我们定义了一个导航守卫，在用户导航到'/redirect'路径时触发。我们首先调用`next()`方法，以便继续路由导航。然后，我们使用`location.reload()`方法刷新页面。

需要注意的是，过度使用页面刷新可能会影响应用程序性能，并且会导致用户体验不佳。因此，需要谨慎使用页面刷新功能，并仅在必要时才使用。