使用nginx部署vue项目刷新报404，正常访问没问题，只有在刷新的时候才会出现问题

最新推荐文章于 2024-08-07 14:37:20 发布

转载最新推荐文章于 2024-08-07 14:37:20 发布 · 1.8k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://blog.csdn.net/qq_34794066/article/details/105225344

个人经验专栏收录该内容

33 篇文章

订阅专栏

本文介绍了一种常见的Vue项目使用Nginx部署时遇到的问题：页面刷新出现404错误。通过调整Nginx配置文件中的try_files指令，可以有效地解决这一问题，确保项目的正常运行。

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

jeecgboot项目，使用nginx部署vue项目刷新报404，正常访问没问题，只有在刷新的时候才会出现问题

server {
listen 80;
server_name localhost;
location / {
root /app;
index index.html;
try_files $uri $uri/ /index.html;
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root /usr/share/nginx/html;
}
}
在配置文件中添加 try_files $uri $uri/ /index.html;