javascript - vuejs - 路由器在刷新时进入主页

Question

我的 vuejs 应用程序存在以下问题。主页以外的页面上的每次刷新都会导致重定向到主页。

这是我的router.js

import VueRouter from "vue-router";
import Home from "../views/Home.vue";

Vue.use(VueRouter);

const routes = [
  {
    path: "/",
    name: "Home",
    component: Home
  },
  {
    path: "/project/:slug",
    name: "Project",
    component: () =>
      import(/* webpackChunkName: "about" */ "../views/Project.vue")
  },
  {
    path: "/projecttimeline/",
    name: "ProjectTimeline",
    component: () =>
      import(/* webpackChunkName: "about" */ "../views/ProjectTimeline.vue")
  },
  {
    path: "/privacypolicy/",
    name: "PrivacyPolicy",
    component: () =>
      import(/* webpackChunkName: "about" */ "../views/PrivacyPolicy.vue")
  }
];

const router = new VueRouter({
  routes,
  scrollBehavior() {
    document.getElementById("app").scrollIntoView({ behavior: "instant" });
  }
});

router.beforeEach((to, from, next) => {
  if (!to.query.lang) {
    var setLocale = from.query.lang || "ro";
    to.query.lang = setLocale;
    next({ path: to.path, query: to.query });
  } else {
    next();
  }
});

export default router;

这与vue历史有关吗？

标签： javascriptvue.js