404 Not Found openresty

个人主页:  温情

系列专栏:        《踩坑日记》

•ࡇ•      山高路远,看世界也找自己


问题描述

在做项目中,点击跳转其他页面,发现地址栏访问的是是两个地址拼接起来的,前面是平台访问地址,后面是开发者文档访问地址,前端项目是基于React+Ant Design Pro搭建,这就很奇怪了,我配置的是开发者文档地址,为什么自动拼接了一个平台访问地址?

### 解决OpenResty中的404 Not Found错误 在处理OpenResty中的`404 Not Found`错误时,通常需要检查多个方面来定位问题并提供解决方案。以下是详细的分析和解决方法: #### 配置文件检查 首先确认Nginx/OpenResty的配置文件是否存在路径匹配问题。如果请求未被任何location块捕获,则会返回`404 Not Found`响应。可以通过调整`error_page`指令自定义错误页或重定向逻辑[^1]。 ```nginx http { server { listen 80; server_name localhost; location /api/ { proxy_pass http://backend_server; } error_page 404 /custom_404.html; location = /custom_404.html { internal; root /usr/share/nginx/html; } } } ``` #### 日志级别设置 通过修改日志记录等级可以更清晰地了解请求失败的原因。默认情况下,`limit_req_log_level`设为`error`,这可能会忽略一些较低级别的警告信息。建议临时降低日志阈值以便获取更多调试数据[^1]。 ```nginx http { limit_req_log_level info; } ``` #### 前端路由冲突排查 对于基于React的应用程序来说,前端框架内部实现的历史模式(History Mode)可能导致浏览器尝试加载不存在于服务器上的静态资源从而引发404错误。确保所有非API请求都被正确转发至单页应用入口文件index.html[^2]。 ```nginx location / { try_files $uri /index.html; } ``` #### 开发者文档地址解析异常 当遇到类似前后缀自动拼接的情况时,需验证URL构建逻辑是否存在问题以及跨域资源共享(CORS)策略是否适当。另外还需注意相对链接相对于当前页面位置的行为差异可能引起意外结果。 ```javascript // 正确方式使用绝对路径而非相对路径 window.location.href = 'https://developer-docs.example.com'; ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

温情^

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值