宝塔nginx部署,刷新就404
时间: 2025-02-20 07:19:47 浏览: 91
### 宝塔面板 Nginx 部署项目刷新页面404解决方案
对于在宝塔面板中使用Nginx部署Vue或其他单页应用程序(SPA)时遇到的刷新页面出现404问题,可以通过调整Nginx配置文件中的设置来解决。具体操作如下:
#### 修改Nginx配置文件
定位至Nginx配置文件位置,在此文件内添加特定指令以支持SPA的历史记录模式。该指令为`try_files $uri $uri/ /index.html;`,其作用在于当请求资源不存在于服务器上时重定向回入口文件`index.html`,从而让前端路由接管并显示正确的页面[^1]。
```nginx
server {
listen 80;
server_name yourdomain.com;
location / {
root /home/wwwroot/default/dist;
try_files $uri $uri/ /index.html;
index index.html index.htm;
}
}
```
这段代码确保即使用户直接访问或刷新除主页外的其他路径也能正确加载应用而不触发404错误[^4]。
#### 应用更改后的配置
完成上述修改后保存文件,并重启Nginx服务使新配置生效。这一步骤可通过宝塔面板图形界面轻松实现——进入网站管理选项卡下的“设置”,随后点击左侧菜单栏里的“反向代理”,最后按下右上方按钮执行重新启动命令[^5]。
通过这些措施能够有效处理因Nginx默认行为导致的单页应用刷新即丢失状态的问题,使得基于历史API构建的应用程序可以在生产环境中稳定运行。
阅读全文
相关推荐


















