更深的路由使build.js文件对于web应用程序不可见（Vue2+；Webpack2）

试图在我的单页应用程序中配置路由时，我遇到了一个奇怪的行为。当路由与根目录处于同一级别时（例如localhost:8080/contact，localhost:8080/user），复制和粘贴URL就可以完美地工作。但是，当我深入到这个结构中时（比如：localhost:8080/user/dorothy或localhost:8080/user/peter），粘贴这样的URL会导致控制台中出现404错误：

build.js

我的

webpack.config.js

包含以下条目：

module.exports = {
  entry: {
    main: './src/main.js'
  },
  output: {
    path: path.resolve(__dirname, 'dist/'),
    filename: 'build.js'
  },
(...)
}

路线定义如下：

const routes = [
  {path: '/user/:user', component: Users},
  {path: '/contact', component: Contact},
  {path: '/', component: Home}
];

---

如您所见，捆绑脚本是从

/dist/build.js

文件提供的。我应该如何配置它以使其对更深入的路线可见？

请发布您的路线。编辑：将它们添加到问题中。您的路径为/users/：user，问题为/user/peter。那是打字错误吗？更正了。“peter”作为用户名是动态传递的。无论显示哪个用户名，粘贴URL或刷新浏览器窗口时都会丢失资源。我已经通读了以下内容：