nginx部署vue只能访问默认页面的问题

余生大大

发布于 2022-11-02 14:35:27

1.7K0

发布于 2022-11-02 14:35:27

文章被收录于专栏：余生大大

在通过nginx启动vue以后我们在访问页面的时候只能访问默认页面和通过项目内跳转其他页面，如果刷新就会404

通过默认页面内部访问：

直接刷新：

可以看到nginx并不识别vue的其他页面，这跟conf文件的配置有关

location / {
           root   /home/nx/dist;
           index  index.html index.htm index.jsp;
        }

这是我们基础的配置，按照字义解读就是只访问了/dist文件下的 index.html、index.htm、index.jsp页面，而其他页面在访问的时候被nginx当作自身的服务访问而找不到，我们修改一下配置文件

location / {
           root   /home/nx/dist;
           #index  index.html index.htm index.jsp;
           #proxy_pass    http://admin;
           #proxy_redirect default;
           #proxy_connect_timeout 10;
           try_files $uri $uri/ /index.html;
           expires 7d;
        }

将默认的index注释掉，换成了try_files，它会去扫描内部目录然后再进行内部重定向。

nginx的try_files：https://www.cnblogs.com/boundless-sky/p/9459775.html

expires 是nginx控制缓存的一种方式，7d=7天

nginx配置expires:https://blog.csdn.net/hjh15827475896/article/details/53434298

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2020-03-31，如有侵权请联系 cloudcommunity@tencent.com 删除

nginx