ngnix

VUE-router历史模式与Ngnix

*爱你&永不变心* 提交于 2019-11-28 09:53:55
vue-router有两种模式,一种是哈希(Hash)模式另一种是历史(Histroy)模式,而历史模式在利用ngnix打包部署上线时,需要一些额外的操作 假设你的Ngjnix长这样: ... location / { root /data/nginx/html; index index.html index.htm; } ... 在这种配置方式下,正常访问主页是没有问题的,页面的跳转也很正常,但只要在非主页的地方刷新页面,就会立刻404 此时,我们只要在Ngnix配置内加一小行就可以了,修改如下: ... location / { root /data/nginx/html; index index.html index.htm; try_files $uri $uri/ /index.html } ... 这行配置的作用是将你的错误页面重定向至/index.html,后面的路由跳转,就由VUE-router来处理了. 来源: https://www.cnblogs.com/guantou-knight/p/11403801.html