来自外部源的Vue-Router URL总是重定向到“/＆quot”

Question

我直接在Vue Dev服务器上运行VUE 2。

我正在尝试从外部URL进入VUE路线（Vue-Router）。

<a href="http://localhost:8080/reset_password/{{ reset_email_token }}">Passwort zurücksetzen</a>

由于某种原因，我不知道，Vue-Router总是将我的请求重定向并像从“/”一起处理，然后自动将其重定向到“/登录”，

我在这里找到了一个类似的问题（ https://forum.vuejs.s.s.s.org/t/access-to- -a-a-vue-route-from-from-from-external-link/107250 ），但没有解决方案。

有人知道这个问题并知道如何评估可能的解决方案吗？提前致谢！

我的路由文件：

Vue.use(VueRouter);

const router = new VueRouter({
routes: [
    {
    path: "/login",
    name: "Login",
    component: Login,
    },

    {
      path: "/reset_password/:token", // --> this is the path I want to access from external
      name: "resetPassword",
      component: resetPassword,
    },

    {
      path: "/forgot_password", // --> this also routes to "/" if coming from extern
      name: "forgotPassword",
      component: forgotPassword,
    },

    {
      path: "/", // --> this is where url requests from external end up
      redirect: "login",
      name: "Layout",
      component: Layout,
      meta: { authRequired: true },

      children: [
        {
          path: "/start",
          name: "Start",
          component: Start,
          meta: { authRequired: true },
        },
      ],
    },
    {
      path: "*",
      name: "Error",
      component: Error,
    },
  ],
});
 

Answer 1

将VUE-ROUTER模式从“哈希”转换为“历史”为我解决了问题。

有关历史模式的参考，请参见此处： https：///v3.router。 vuejs.org/guide/essentials/history-mode.html

const router = new VueRouter({
  mode: "history", // --> added this line
  routes: [ ... ],
});