Webpack 带有vue路由器的空白页，具有历史模式和生产

我是vue新手，下一个错误是。我用默认配置的下一个模板构建了一个小项目

我添加了vue路由器，当我处于开发模式时，它可以正常工作，但当我构建生产模式并使用时，它会显示一个空白页

如果我删除配置的历史模式，它就会工作。有什么建议吗

---

谢谢。

生产模式是否涉及更改web服务器或机器？听起来生产环境可能没有这个功能。

@bbsimonbb，我测试了回退功能，但它不起作用

问题在于路由器的配置，特别是属性库。默认情况下为“/”，但您应该使用web应用程序的基础进行配置。你可以更详细地阅读

Ex:=>base:'/myapp/'

配置路由器时文件所在的路径是/src/Router/index.js

---

我希望它能帮助人们避免时间。

由于这是针对谷歌上出现的vue路由器空白页问题的第一个stackoverflow链接，我想我会分享我的经验

在摆弄路线之后，我变得一片空白。我的路由器代码如下所示：

const router = new Router({
  routes: [
    {
      path: "/",
      redirect: "login"
    },
    {
      path: "login",
      component: Login
    },    
  ]
});

const router = new Router({
  routes: [
    {
      path: "/",
      redirect: "login"
    },
    {
      path: "/login",
      component: Login
    },    
  ]
});

在做了更多的修改之后，我在路由路径上加了一个正斜杠，然后我又看到了我的登录页面，如下所示：

const router = new Router({
  routes: [
    {
      path: "/",
      redirect: "login"
    },
    {
      path: "login",
      component: Login
    },    
  ]
});

const router = new Router({
  routes: [
    {
      path: "/",
      redirect: "login"
    },
    {
      path: "/login",
      component: Login
    },    
  ]
});

---

base

非常重要，尤其是当您将vue应用程序不放在根文件夹中时。