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

【问题标题】：Vue-router doesn't remove hashbang after building for productionVue-router 在为生产构建后不会删除 hashbang
【发布时间】：2017-05-16 10:44:15
【问题描述】：

我试图删除 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后，它由于某种奇怪的原因停止了工作。

请帮忙:)

【问题讨论】：

你用的是什么服务器？
我使用 build 方法来构建 html 文件，然后我基本上使用 nginx 来运行文件。这是我的投资组合网站，所以我没有使用 node.js 创建服务器，我只是使用 nginx 运行它。
您是否按照此处的示例 (router.vuejs.org/en/essentials/history-mode.html) 设置了 ngins 的服务器配置。
很高兴为您提供帮助，我看过您的网站，它很棒，而且已经 15 岁了，您做得很好，但有一点要提一下：作为印度人，我不喜欢您在最后一行中所说的话关于部分中的第 1 段。就是这样
不要在您的问题标题中添加 [已解决]：在下面写下答案，并接受您自己的答案：这将是一个非常有用的指标，并且会帮助其他人。

标签： javascript vue.js vuejs2 vue-router

【解决方案1】：

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

因为你是使用 nginx 来运行文件的

如docs 中的示例所示为 nginx 设置服务器配置

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

【讨论】：

现在看起来很有帮助 ;) +1
这真的很有帮助:)