vue路由跳转404，刷新后正常

这个问题可能是因为在部署你的 Vue 应用程序时，服务器没有正确地配置路由。当你第一次通过路由访问页面时，服务器无法识别路由，因此返回404错误。但是，当你刷新页面时，浏览器会发送一个 GET 请求，这将使服务器正确识别路由并返回正确的页面。

要解决这个问题，你可以尝试在服务器上配置路由。如果你使用的是 Apache 服务器，则可以使用 .htaccess 文件来配置路由，如果你使用的是 Nginx 服务器，则可以使用 Nginx 配置文件来配置路由。确保你的服务器配置正确并重新部署你的应用程序。

相关问题

vue路由跳转不刷新

在Vue中，当使用router-view时，如果在相同路由之间跳转，默认在跳转路由时会采用缓存策略，并不会刷新当前路由组件。即mounted、beforeDestory等钩子函数并不会触发。这是因为Vue Router默认开启了路由组件的缓存，以提高性能。但是在某些情况下，我们需要在同一页面路由根据不同参数，渲染不同数据、不同效果、甚至重新刷新整个页面。这时候就需要解决路由跳转不刷新的问题。

有两种方法可以解决这个问题：
. 在路由跳转时，使用一个空白页面来替代当前页面，然后再跳转到目标页面，这样就可以实现页面的刷新。具体实现可以参考上述引用中的代码。
2. 在路由跳转时，通过修改路由参数来强制刷新页面。具体实现可以参考上述引用中的方法1。

vue 路由跳转不刷新

在 Vue 中使用路由跳转时，如果不想刷新页面，可以使用以下两种方法：

1. 使用 Vue Router 的编程式路由跳转

编程式路由跳转是指通过代码控制路由跳转，而不是通过 `<router-link>` 标签或 `this.$router.push()` 方法跳转。使用编程式路由跳转时，可以选择不刷新页面。例如：

this.$router.push({ path: '/target', params: { id: 1 }, query: { name: 'John' }, replace: true });

上面的代码通过 `$router.push()` 方法跳转到路径为 `/target` 的页面，并传递了一些参数。其中，`replace` 参数表示替换当前页面，不会在浏览器历史中留下记录，实现了不刷新页面跳转。

2. 利用 Vue Router 的导航守卫

Vue Router 提供了导航守卫，可以在路由跳转前、后、取消等不同阶段执行一些操作。利用导航守卫，可以实现在跳转时不刷新页面。例如：

const router = new VueRouter({
  routes: [
    {
      path: '/target',
      component: Target,
      meta: { skipRefresh: true }
    }
  ]
});

router.beforeEach((to, from, next) => {
  if (to.meta.skipRefresh) {
    to.meta.skipRefresh = false;
    next(false);
  } else {
    next();
  }
});

上面的代码定义了一个 `skipRefresh` 属性，表示是否跳转时不刷新页面。在导航守卫的 `beforeEach` 方法中，如果目标路由的 `meta.skipRefresh` 属性为 `true`，则将其设置为 `false` 并取消跳转，实现了不刷新页面跳转。