已解决：上传文件时因Nginx导致的No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.

最新推荐文章于 2024-09-11 15:57:36 发布
原创 最新推荐文章于 2024-09-11 15:57:36 发布 · 790 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#nginx #服务器

文章目录

问题描述

  1. 这个看起来像是普通的跨域，但是导致跨域的原因是Nginx的原因
  2. 我这边需要实现文件上传的阿里云oss，采用了Nginx，在检查了一遍前后端后，没有发现错误，跨域也是正常配置的

导致问题的原因

  1. nginx默认上传文件大小有限制的，我这边上传的文件比较大，约了160M左右，但是Nginx默认限制上传文件大小为1M，所以我这边是因为上传大文件超时了，然后爆了跨域！

解决方案

修改nginx的参数：nginx.conf，加上这行配置（两个位置）

client_max_body_size 1024m;

在这里插入图片描述
在这里插入图片描述

No 'Access-Control-Allow-Origin' header is present on the requested resource. 跨域问题！
开心就好~~~专栏
01-23 19万+
跨域问题项目背景车祸现场解决问题总结 项目背景 前端：VUE 后端：Java JDK 1.8 Springboot 1.5.12 maven 3.3.9 服务器环境：Linux nginx 数据库：mysql 车祸现场 1、废话不说直接上干货 仔细一点可以看出，No ‘Access-Control-Allow-Origin’ header is present on the requested...
No 'Access-Control-Allow-Origin' header is present on the requested resource.
万米高空的博客
09-11 5951
这个问题的出错原因有多种，但是我这种估计是解决起来比较简单，但是却容易忽略的。可网上给出的各种filter,web.xml配置，nginx配置等等，都不能解决我的问题，痛苦的一上午，总算解决了。 报错信息回顾： 我是自己在公司的电脑上搭建了一套ssm框架用来测试接口（公司的项目无法本地启动，坑的一笔），也都用完没问题，通过前台页面ajax请求把数据传到后台进行处理等等吧。都没问题，后来公司...
【怎么可能】nginx配置跨域报错：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource
最新发布
风信子的博客
09-11 1451
浏览器从⼀个域名的⽹⻚去请求另⼀个域名的资源时，域名、端⼝、协议任⼀不同，都是跨域。
Nginx: No ‘AcceControl-Allow-Origin’ headerss- is present on the requested resource.
测试
04-09 397
Ajax跨域问题，当我们在一个网站上通过ajax请求另外一个域名的api的时候，这时候就会遇见错误：No ‘AcceControl-Allow-Origin’ headerss- is present on the requested resource. 当我们服务器是nginx的时候，添加以下代码到Nginx配置文件里面： add_header Access-Control-Allow-O...
解决CORS : No ‘Access-Control-Allow-Origin’ header is present on the requested问题 ，Nginx跨域配置。
bk_陈龙伟
03-16 5112
解决CORS : No ‘Access-Control-Allow-Origin’ header is present on the requested问题 ，Nginx跨域配置。
配置Nginx后出现No ‘Access-Control-Allow-Origin‘ header is present on the requested resource
weixin_45391817的博客
03-23 4396
开发前后端分离项目时配置Nginx出现此跨域问题 解决方法 在nginx.conf配置文件中加入以下配置，即可解决问题 location / { add_header Access-Control-Allow-Origin *; add_header Access-Control-Allow-Headers "Origin, X-Requested-With, Content-Type, Accept"; add_header Access-Control-Allow-Methods
静态文件访问不到报No Access-Control-Allow-Origin处理办法
06-11
当一个网页尝试从不同的源（协议、域名或端口）请求资源时，如果目标服务器没有允许这个源的权限，浏览器会阻止该请求，从而出现"No 'Access-Control-Allow-Origin' header is present on the requested resource"的...
已解决：No 'Access-Control-Allow-Origin'跨域问题
08-19
当遇到"No 'Access-Control-Allow-Origin'"错误时，通常意味着服务器响应头中缺少`Access-Control-Allow-Origin`字段，这个字段用于指定哪些来源的请求可以访问该资源。例如，如果你的前端应用运行在`...
Nginx跨域设置Access-Control-Allow-Origin无效的解决办法
01-10
add_header 'Access-Control-Allow-Origin' '*'; add_header 'Access-Control-Allow-Credentials' 'true'; add_header 'Access-Control-Allow-Methods' 'GET,POST'; 使用以下配置，生效。 if ($request_method = '...
使用nginx代理项目的时候报No ‘Access-Control-Allow-Origin‘ header is present on the requested resource. Origin
wudong
08-08 894
解决办法：在nginx中添加 proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
nginx 解决跨域问题 No: ‘Access-Control-Allow-Origin‘ header is present on the requested resource.
w36680130的博客
09-12 799
nginx 解决跨域问题 No: 'Access-Control-Allow-Origin' header is present on the requested resource.
使用nginx解决Access-Control-Allow-Origin问题
rgrgrwfe的博客
02-23 4966
前台在访问不同ip的nginx服务器时报：No ‘Access-Control-Allow-Origin’ header is present on the requested resource 原因：被请求的资源没有设置 ‘Access-Control-Allow-Origin’，也就是nginx的返回信息头没有Access-Control-Allow-Origin（也就是浏览器同源策略，大家可以自行百度） 解决方案： 在nginx中的nginx.conf中的路由中添加以下代码： location / {
nginx：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource
weixin_44021888的博客
12-01 2571
nginx：No 'Access-Control-Allow-Origin' header is present on the requested resource
Access-Control-Allow-Origin 站点跨域请求的问题
热门推荐
X-rapido的专栏
05-25 11万+
闲暇之时，做了一个博客站点，站点发布网络之后程序功能完成，最后发现了一个跨域的问题，比如我使用abc.com打开系统，一切正常，后台没有任何文件请求报错问题，然后我又使用了www.abc.com再试一下，结果发现一些字体文件或引用外部css文件等请求失败问题Font from origin 'http://lovefeel.top' has been blocked from loading by
Nginx解决No 'Access-Control-Allow-Origin' header is present on问题
weixin_33726318的博客
10-11 1308
为什么80%的码农都做不了架构师？>>> ...
添加headers请求头：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.
qq_45059900的博客
10-16 912
项目要求：系统登录成功回返回一个login_token,需要保存在localStorage中，每次ajax请求都需要带上headers，把token携带在头部访问，以实现每次请求的身份验证 $.ajax({ url: layui.setter.ip.backUrl+'task/getById?taskId='+taskId, headers: { login_token: localStorage.getItem('login_token'), }, success
NGINX请求跨域(CORS policy: No ‘Access-Control-Allow-Origin‘ header is present on the requested resource)
lxp199741的博客
11-21 2354
add_header Access-Control-Allow-Origin *; add_header Access-Control-Allow-Methods *; add_header Access-Control-Allow-Headers *; 以上属于小白级配置添加在vhost配置文件里的server下的server_name下(安全级别很低，请参照nginx文档去选择个人适用的具体参数值) ...
nginx 解决No 'Access-Control-Allow-Origin' header is present on the requested resource.
01-06
在nginx中解决"No 'Access-Control-Allow-Origin' header is ...这样，当请求静态文件时，nginx会添加相应的跨域头信息，解决"No 'Access-Control-Allow-Origin' header is present on the requested resource"错误。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值