nginx部署vue项目，刷新后404

最新推荐文章于 2024-05-26 15:53:25 发布

wp3524

最新推荐文章于 2024-05-26 15:53:25 发布

阅读量287

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/wp3524/article/details/130101687

版权

在location中增加try_files配置：

try_files $uri $uri/ /index.html;

try_files指令 设置了 文件查找规则 为 $uri $uri/ /index.html。即3个规则，先从 $uri 查找，再从 $uri/ 目录中查找，最后查找 /index.html

完整配置文件：

server {
        listen       9999;
        server_name  localhost;

        location / {
            root   dist;
            index  index.html index.htm;
            try_files $uri $uri/ /index.html; #解决vue项目刷新404问题
        }

        location ~ /api/ {
            proxy_pass  http://xxx.xx.xx.xx:xxxx;
        }
}