Vue-router在构建生产后不会删除hashbang

Question

我试图删除hashbang，我是通过在vue-router的索引文件中添加mode:'history'来实现的：

export default new Router({
  mode: 'history',
  routes: [
    {
      path: '/',
      name: 'Daksh',
      component: Daksh
    },
    {
      path: '/about',
      name: 'About',
      component: About
    },
    {
      path: '/work',
      name: 'Work',
      component: Work
    }
  ]
})

然后当我在热重装模式下尝试它时运行良好但在运行npm run build后，它因某些奇怪的原因停止工作。

请帮助：）

Answer 1

由于答案已在评论中得到解决，并且 VonC 建议添加答案，以便对其他人有所帮助，这里是：

因为您正在使用nginx来运行文件

设置nginx的服务器配置，如docs

中的示例所示

location / { 
    try_files $uri $uri/ /index.html; 
}