javascript - 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来运行文件

按照 docs 中的示例设置 nginx 的服务器配置

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