nginx代理后刷新显示404，这样解决。

JH3073

已于 2023-09-26 23:36:24 修改

阅读量1.4k

点赞数

文章标签： nginx 运维

于 2023-07-23 04:30:00 首次发布

本文链接：https://blog.csdn.net/qq_57828911/article/details/131777623

版权

在项目部署后，通过首页访问页面正常，但F5刷新时出现错误。解决方法是在Nginx配置中增加特定location块，设定root目录、index文件及try_files规则，以确保URL重定向至index.html，防止刷新错误。

摘要由CSDN通过智能技术生成

项目部署之后，通过首页进入访问页面正常，F5刷新之后出现错误如下图。

在这里插入图片描述

怎么解决：

在Nginx配置里面增加

       location / {
            root /www/wwwroot/phm/phmweb;
            index  index.html index.htm;
            try_files  $uri $uri/ /index.html;
        }

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

JH3073

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
nginx代理后刷新显示404，这样解决。

在Nginx配置里面增加。
复制链接

扫一扫

组件：nginx解决刷新404问题

ajax_yan的博客

06-03

124

location / { try_files $uri $uri/ /index.html; #此处解决刷新404 root html; index index.html index.htm; }

nginx代理后刷新显示404

最新发布

LRF200307的博客

07-14

807

解决方法：修改 nginx 配置，我这边用的宝塔部署，所以改配置也是相对简单的，只需要加一行代码就行。如果你的项目使用了 vue，并使用了路由且路由配置为 history 模式，就会出现这种情况。当你使用 nginx 部署前端项目时，发现页面刷新或不用根目录访问页面时，出现404页面。2. 在设置中的配置文件，server中添加相应代码即可，1. 部署网站后，在宝塔网站中点击设置。3. 保存立即生效，快去试试吧。

nginx 刷新之后 404

iteye_3750的博客

03-07

2818

nginx 刷新之后 404

nginx刷新显示404

qq_39535439的博客

11-17

8306

nginx部署完项目后，访问时刷新后就会出现404的报错界面(不是首页根目录刷新时)

解决nginx代理静态资源刷新后404问题

qq_37716298的博客

07-12

338

try_files：指令用于定义文件或目录的查找顺序，当请求的 URI 匹配不到实际的文件或目录时，会按照指定的顺序进行查找和处理。在其中加上一句： try_files $uri $uri/ /index.html;刷新页面或使用F5刷新就没的问题了。就可以解决这个问题了。

nginx 刷新404

qq_34631813的博客

05-16

307

配置文件中添加 location / { root /dist; try_files $uri $uri/ @router; index index.html; } location @router { rewrite ^.*$ /index.html last; }

nginx 刷新显示404

ZeroRm的博客

04-13

607

HTML5 History 模式 vue-router默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。如果不想要很丑的 hash，我们可以用路由的history 模式，这种模式充分利用history.pushStateAPI 来完成 URL 跳转而无须重新加载页面。 const router = new ...

nginx刷新出现404

weixin_51964457的博客

10-31

1687

nginx刷新出现404

【Ngnix】 nginx | 刷新404

hgSuper的博客

12-18

1990

ng nginx正常访问没问题，刷新404,f5后404

nginx刷新后404

qq_39345032的博客

06-19

448

解决方法在文件中的nginx.conf文件中修改，代码如下 server { listen YYYY; //自己设置的端口号 server_name 192.168.XXX.XXX; //在黑窗口下ipconifg后出现的IPv4地址复制 location /{ root E:/website_wap/dist/; //项目打包后的路径 index index.html index.htm; try_files $uri

Nginx部署项目刷新404问题

KeepLearningDay的博客

08-24

1751

*之前的Nginx配置如下**

Nginx部署代理访问网站正常，进入页面后刷新出现404问题

ybb_ymm的专栏

02-09

8538

今天遇到一个奇葩问题，就是我们nginx代理访问我们的官网，但是当我们在进入一个页面后，再次刷新请求的时候报错404。比如：访问官网正常，当的时候，则会报错404。这是什么原因呢？起始很简单就是你的nginx配置上没有添加重定向跳转。

Web项目部署后浏览器刷新返回Nginx的404错误对应解决方案

limou3434的博客

06-22

2049

data: 2024/6/22 16:05:34 周六 limou3434。

nginx 正常访问，刷新404

liudongyang123的博客

07-11

414

部署完成前端服务，浏览器正常访问没有问题，但是F5刷新的时候，会提示404，丢失了资源。

安装Windows版nginx以及部署前端代码并就解决刷新出现404

y516369的博客

07-27

3993

安装Windows版nginx以及部署前端代码并就解决刷新出现404

nginx 代理vue项目刷新404

05-18

当使用 Nginx 代理 Vue.js 项目时，刷新页面会出现 404 错误的问题，这是因为 Vue.js 是一个单页应用程序（SPA），Nginx 默认不支持路由模式，刷新页面时，Nginx 找不到对应的资源，因此返回了 404。要解决这个问题，可以在 Nginx 配置文件中添加以下代码： ``` location / { try_files $uri $uri/ /index.html; } ``` 这段代码的作用是，如果请求的 URL 不是一个文件或目录，就返回 index.html，这样就能保证在刷新页面时，Nginx 能够正确地返回 index.html，并由 Vue.js 路由来处理页面的展示。