vue build dist 文件部署服务器刷新报 404

最近把打包的vue 文件部署到 服务器nginx ， 刷新后发现 跳404 页面，

开始还以为动态路由没加载成功，

后来发现原来是 history 模式 和 hash 模式的问题

hash模式打包部署上服务器刷新是没有问题的，

vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。

但是历史模式访问的是服务器的资源，而 vue 项目打包后只有 index.html 的入口

 

 但路由改变了，服务端便会招不到资源便会报 404 的错误。

 

所以历史模式后台需要这样配