nginx 部署出现405 404问题

最新推荐文章于 2025-01-15 15:40:54 发布
最新推荐文章于 2025-01-15 15:40:54 发布
阅读量1.2k 收藏 1
点赞数 1
文章标签： 404错误 405错误 nginx配置 前端路径 跨域转发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/dylan_XK/article/details/120522646
版权
本文主要探讨了如何处理HTTP状态码404和405的问题。针对404错误，提到了在nginx配置文件中添加try_files指令来重定向至index.html，同时提醒注意资源路径是否使用了相对路径，避免刷新后路径失效。对于405错误，建议检查前端是否存在跨域转发设置，并尝试去除以解决问题。这些解决方案有助于开发者更好地诊断和修复这些问题。

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

404和405的问题首先需要nginx.con需要有

location / {
try_files $uri $uri/ /index.html;
index index.html;
expires -1;
}
这个，其次呢，还是有问题，比如页面刷新页面就没了，去看看资源是不是写的相对路径路径，刷新后路径资源不对了！！！别看配置文件了，不一定是配置文件的问题！！！！！！！
然后405的问题去看看是不是前端搞了跨域转发，去掉转发试试啊！！！！！！！！！！！！！！！！

棠十一
关注
Nginx部署及常见问题.zip
07-09
Nginx部署及常见问题，Nginx部署及常见问题Nginx部署及常见问题Nginx部署及常见问题Nginx部署及常见问题Nginx部署及常见问题Nginx部署及常见问题Nginx部署及常见问题Nginx部署及常见问题Nginx部署及常见问题Nginx...
使用nginx部署前端项目（超详细教程）.pdf
04-29
【使用Nginx部署前端项目】的教程是一个详尽的指南，主要面向初学者，旨在教会读者如何利用Nginx高效地部署前端应用。Nginx是一个高性能的Web服务器和反向代理，因其高并发处理能力和低内存占用而受到广泛青睐。 ...
post方式访问nginx静态页面报405/404解决方法
weixin_30628801的博客
11-01 1005
nginx.conf配置： 增加图片中红色框中内容 ###需要转换的ip地址及端口，这边之所以使用81端口，是因为需要访问的页面，不是nginx默认启动目录中的页面，所以增加一个server，这个server使用81端口。 upstream static_backend { server 111.111.111.111:81; } ###添加的服务启动路径为/ loc...
nginx 配置php 404页面跳转,nginx怎么配置404页面
weixin_29696567的博客
03-10 427
最近在站点上设置了一下关于404页面的跳转, 因为不是很熟悉Nginx, 所以走了不少弯路, 此处记录一下, 希望可以帮助大家解决问题.1. 404 页面首先我们需要一个 404 的页面, 这个页面我把所有的 css 和 js 以及 html 放在一个页面中.存在的位置可以由你自行设置, 我存放的位置是服务器的 nginx 目录下. 名字叫做 404.html/etc/nginx/error/40...
关于nginx报错405
qq_53314126的博客
08-28 1万+
*4、跨服务调用报错解决（亲测有效）
【nginx】405 not allowed问题解决方法
m0_55333789的博客
01-20 2832
【nginx】405 not allowed问题解决方法
nginx405异常原因及解决方法
itScholar001的博客
09-27 9055
nginx405异常原因与解决方法，最详细解释。
nginx 部署 vue 项目找不到js css文件的解决方法
09-29
在使用nginx部署Vue项目时，有时候会遇到找不到JavaScript和CSS文件的问题。这主要是因为Webpack在构建过程中生成的静态资源引用路径不正确。本文将详细介绍解决这一问题的方法，主要包括vue-cli@3的配置方式和vue-...
解决vue项目nginx部署到非根目录下刷新空白的问题
12-09
1、修改config/index.js 2、修改路由route/index ...以上这篇解决vue项目nginx部署到非根目录下刷新空白的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
docker nginx 部署多个项目的示例方法
09-30
主要介绍了docker nginx 部署多个项目的示例方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
nginx 405错误是什么意思
小楼一夜听春雨，深巷明朝卖杏花
08-07 4711
当Web服务器收到一个它不支持的HTTP请求方法时，就会返回405错误。405错误通常是由于客户端发出了不兼容或不支持的HTTP请求方法。例如，客户端可能请求一个只能通过GET方法访问的资源，但使用了POST方法。要解决405错误，需要确保客户端发送正确的HTTP请求方法。可以查看服务器文档或使用HTTP请求测试工具来确定正确的请求方法。
Nginx下使用RESTful的UPDATE与DELETE发生405错误的解决方法
weixin_43568988的博客
05-29 1324
Nginx下使用RESTful的UPDATE与DELETE发生405错误的解决方法 chrome浏览器会在请求头中错误地添加Origin参数导致405错误，在nginx中的nginx.conf添加如下配置 proxy_set_header Origin “”; location / { proxy_set_header Origin ""; proxy_pass http://127.0.0.1:8080; add_header 'Access-Control-
Nginx的405 not allowed错误解决
黄啊码
07-14 1267
server { listen 80; root /mnt/XXX/public_html/public; server_name xcx.hengdunyykj.com; index index.html index.php index.htm; error_page 405 =200 http://$host$request_uri; }
nginx 解决跨域问题
ZhengGuangzhq的专栏
07-31 4465
跨域的解决方式是CORS CORS介绍  弄了好久，其实只要允许options请求，在head内加入标识允许字段即可。 但是老项目的原因，权限动不了，options会302跳登录界面  就想到用nginx前置过滤，url-->nginx-->真正服务器 nginx处理:  1.正常情况下，跳转到服务器  2.遇到options请求，直接返回，并带上指定head location
Nginx 配置跨域
weixin_43993310的博客
12-04 6509
介绍nginx配置跨域及配置中遇到的问题
html的报错代码404 405,vue router跨域在nginx下报405，404错误的解决办法。
weixin_42589700的博客
07-01 810
说明，vue项目在dev环境用npm run reserve 都运行正常。在执行npm run build 之后，发布到生产环境，就出行了种种405，404的错误以下主要都是修改 nginx.conf 文件中 server 里面的内容405 解决办法location /2018/ {proxy_pass http://192.168.1.5:2018/;}404 解决办法location / {...
通过nginx配置解决前端跨域问题
最新发布
kelly0721的博客
01-15 3392
通过Nginx解决接口跨域问题
405错误（Not Allowed) 的原因及处理方式
热门推荐
jxnd123456的博客
11-28 4万+
在前端开发中，405 状态码表示 “方法不被允许（Method Not Allowed）”。这意味着客户端（通常是浏览器）试图使用一种服务器不允许的 HTTP 方法来访问某个资源。例如，服务器可能只允许使用 GET 方法来获取某个 HTML 文件，但客户端却使用了 POST 方法进行访问，此时就会出现 405 错误。
Nginx(5) 配置Ajax跨域访问
kkgbn的博客
08-22 8669
配置nginx跨域访问的好处是可以不修改后端代码 nginx只要在返回头添加几个header即可 add_header 'Access-Control-Allow-Headers' 'Content-Type'; add_header 'Access-Control-Allow-Origin' '*'; add_header 'Access-Control-Allow-Method
nginx部署前端项目404
01-07
### 解决Nginx部署前端项目遇到的404错误 当在Nginx上部署前端项目并遇到404错误时，通常是因为请求路径未能正确映射到实际存在的资源。以下是针对此问题的具体处理措施： #### 1. 配置文件调整 确保Nginx配置文件中的`location / { ... }`部分已设置为允许尝试静态文件匹配，并最终回退至索引页或单页面应用(SPA)入口文件。对于SPA而言，所有未知URL都应重定向到index.html以便JavaScript路由接管。 ```nginx server { listen 80; server_name localhost; location / { root html; # 前端项目的根目录位置 try_files $uri $uri/ /index.html; # 关键配置项用于支持前端路由 index index.html index.htm; } } ``` 该配置使得任何找不到对应物理文件的请求都会被导向`index.html`[^1]。 #### 2. 文件结构验证 确认服务器上的文件夹布局与预期相符，特别是HTML、CSS和其他资产的位置是否正确无误。如果使用构建工具打包后的产物，则需保证这些输出文件已被放置于Nginx所指向的确切路径下。 #### 3. Nginx日志审查 利用Nginx的日志功能追踪具体哪些请求触发了404状态码。通过查看`error_log`可以获取更多关于为何某些资源无法找到的信息；而`access_log`则有助于了解客户端发出的实际HTTP请求模式。 ```bash tail -f /var/log/nginx/error.log ``` 这一步骤能够帮助定位是否存在拼写错误或其他明显的配置失误。 #### 4. 测试连接与权限 检查是否有足够的读取权限让Nginx访问所需的Web内容。此外，还需测试网络连通性和防火墙规则以排除外部因素干扰正常的服务响应。 完成以上操作之后记得再次重启Nginx服务使更改生效: ```bash systemctl restart nginx ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值