VUE-router历史模式与Ngnix

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