Vue.js vue路由器不重定向

尽管有多篇关于这个主题的帖子，我还是找不到哪里出了问题。我被跟踪了

这是我的

VueRouter

实例

const router = new VueRouter({
  mode: "history",
  routes: [
    {
      path: "/",
      component: require("./components/producer-table.vue").default
    },
    {
      path: "/producer/:producerId",
      component: require("./components/variable-table.vue").default,
      props: true
    },
    { path: "*", redirect: "/" }
  ]
});

如果我以编程方式路由到错误的url（

this.$router.push（{path:/error}）；

），我将被重定向到

一切似乎都很正常，只是当我在Chrome url栏中设置了错误的地址时，我收到了以下消息：

不能弄错

---

我希望被重定向到。我对使用vue路由器很陌生，我肯定错过了一些东西。有什么想法吗？

这是因为您的Web服务器不知道

GET/error

应该被重定向到

index.html

文件；从那以后，

vue路由器可以接管

关于如何重定向不同web服务器的一些示例

Apache:

nginx:

网页包开发服务器：

/// in your webpack.config
devServer: {
  historyApiFallback: {
    index: '/'
  }
}

这一点在本节中进行了解释。