nginx 发布vue项目页面刷新出现404问题

最新推荐文章于 2025-03-14 20:45:00 发布

Gavino.

最新推荐文章于 2025-03-14 20:45:00 发布

阅读量251

点赞数

文章标签： vue.js nginx 前端

本文链接：https://blog.youkuaiyun.com/qq_38832375/article/details/133877454

版权

文章详细描述了如何在Nginx的conf目录下的nginx.conf文件中增加location块，用于处理域名直接访问时的文件查找和重定向。重点在于try_files和rewrite指令的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

nginx的conf目录下的nginx.conf增加配置

server {
    listen 80;

    #其他配置.......


    #增加的配置，注意 / 要改成自己的项目目录，我这里是域名直接访问，没有项目名，所以直接是斜杠
    location / {
        try_files  $uri $uri/ @router;
       	index  index.html index.htm;
    }
       
    location @router {
    	rewrite ^.*$ /index.html;
    }

}