重定向所有包含#井号的链接

Question

将 Vue 路由器模式从哈希更改为历史记录后，旧链接不会将用户重定向到新 URL。

有些人仍在使用旧链接。

const router = new Router({
  mode: 'history',
  routes: [
    {
      path: '/#/',
      name: 'Home',
      component: Home
    },
    {
      path: '/',
      name: 'Home',
      component: Home
    },
  ]
})

我需要将所有现有的 URL 链接重定向到不带哈希的 URL。

Answer 1

你可以替换beforeEach钩子中的hash：

router.beforeEach((to, from, next) => {
  if (to.fullPath.substr(0,2) === "/#") {
    const path = to.fullPath.substr(2);
    next(path);
    return;
  }
  next();
});