vue-router的HTML5 History 模式设置

VUE是当下最火爆的前端框架之一，vue-router是vue项目中几乎都会用到的组件，然而体验一时爽，其实坑不少。本篇经验将详细介绍vue-router的两种mode效果和开发测试环境下的问题，并给出解决方案。vue-router的HTML5 History 模式，这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。当你使用 history 模式时，URL 就像正常的 url，例如 http://yoursite.com/user/id， 就是长这样的！目前后端服务器有Apache、nginx、原生 Node.js、基于 Node.js 的 Express、Internet Information Services 、Caddy、Firebase 主机等。我们的后端服务器是nginx，所以按照官方的给出的配置，找到nginx.conf，照抄代码，修改完后重启服务器，讲道理是成功的。这只是在nginx服务器下的一种解决方案，至于别的服务器应该也是同理的。