VUE-router历史模式与Ngnix

时间：2019-08-24 13:32:09 阅读：103 评论：0 收藏：0 [点我收藏+]

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

踩

(0)

评论一句话评论（0）

分享档案

更多>