最近把打包的vue 文件部署到 服务器nginx , 刷新后发现 跳404 页面,
开始还以为动态路由没加载成功,
后来发现原来是 history 模式 和 hash 模式的问题
hash模式打包部署上服务器刷新是没有问题的,
vue-router
默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载。
但是历史模式访问的是服务器的资源,而 vue 项目打包后只有 index.html 的入口
但路由改变了,服务端便会招不到资源便会报 404 的错误。
所以历史模式后台需要这样配