需要在Nginx中修改一下配置文件。这个在 `vue-router` 的文档中有说明的 👉 [HTML5 History 模式 | Vue Router](https://link.segmentfault.com/?enc=MAHyPw1Fv3J4oD4JJupeeQ%3D%3D.%2B7pqHo%2B3SHLnhyfQoRK6bOs2lbYV5aDXiygaWYl4H4S4h1kWGeJ0it05JUvfzdLpH2OE0kVVWhOcn21cvkJanWDuaFy4BXOp35FDdhgv9xpx7FteLsv%2Fym%2FdAV73Ea3sdWKy6j3KlDAxlPiBd5K2%2B0Bznu2RiAypXEKiLHVNHGI%3D) > 当你使用 history 模式时,URL 就像正常的 url,例如 `http://yoursite.com/user/id`,也好看! > > 不过这种模式要玩好,还需要后台配置支持。因为我们的应用是个单页客户端应用,如果后台没有正确的配置,当用户在浏览器直接访问 > `http://oursite.com/user/id` 就会返回 404,这就不好看了。 > > 所以呢,你要在服务端增加一个覆盖所有情况的候选资源:如果 URL 匹配不到任何静态资源,则应该返回同一个 `index.html` 页面,这个页面就是你 > app 依赖的页面。 # nginx location / { try_files $uri $uri/ /index.html; }