前端上传文件有的可以上传有的却失败 No 'Access-Control-Allow-Origin' header is present on the requested resource.

最新推荐文章于 2023-04-06 20:51:21 发布
最新推荐文章于 2023-04-06 20:51:21 发布
阅读量928 收藏 1
点赞数 5
分类专栏： java 文章标签： java vue.js jquery javascript spring
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42270217/article/details/104770457
版权

前端上传文件，有的可以上传有的却失败

前端报错：

Access to XMLHttpRequest at 'http://XXXX.com.cn/file/upload' from origin 'http://xxxx.com.cn' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Failed to load resource: net::ERR_FAILED

问题描述：

这个错误网上搜了半天都说得是跨域问题，但是试了下方法都不行，而且问题是有些文件可以上传有些不行，所以应该不是跨域的问题，仔细观察后发现是大于1M的文件无法上传，最后定位到是由于nginx的配置问题

解决方法：

修改nginx上传文件大小限制
cd /etc/nginx/conf/nginx.conf,在这个配置文件里面的http段里面的增加client_max_body_size、client_body_buffer_size配置
在这里插入图片描述
最后service nginx restart 问题解决

正确解决No ‘Access-Control-Allow-Origin’ header is present on the requested resource异常的有效解决方法
wbajsjhhhhh的博客
05-03 1万+
正确解决No ‘Access-Control-Allow-Origin’ header is present on the requested resource异常的有效解决方法
【异常】 AJAX 跨域请求报：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource
最新发布
weixin_48618536的博客
01-15 874
本地环境下，直接打开html文件，用AJAX 方法`jQuery load() `加载**txt文件**时，报错如下：
已解决：上传文件时因Nginx导致的No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.
qq_43408367的博客
12-28 743
## 问题描述 1. 这个看起来像是普通的跨域，但是导致跨域的原因是Nginx的原因 2. 我这边需要实现文件上传的阿里云oss，采用了Nginx，在检查了一遍前后端后，没有发现错误，跨域也是正常配置的 ## 导致问题的原因 1. nginx默认上传文件大小有限制的，我这边上传的文件比较大，约了160M左右，但是Nginx默认限制上传文件大小为1M，所以我这边是因为上传大文件超时了，然后爆了跨域！ ## 解决方案 修改nginx的参数：nginx.conf，加上这行配置（两个位置）
解决element Upload 上传 出现Access to XMLHttpRequest at
Codernmx
03-03 1万+
Access to XMLHttpRequest at ‘http://192.168.12.119/api/design/upload_img’ from origin ‘http://localhost:8080’ has been blocked by CORS policy: Response to preflight request doesn’t pass access control check: No ‘Access-Control-Allow-Origin’ header is prese
error： Failed to load resource: net::ERR_CONNECTION_TIMED_OUT
m0_53540883的博客
04-06 2715
打开设置 ==>高级 > 语言>取消勾选 ==>询问是否翻译非您所用语言的网页。改正过后就不会出现问题！
我的第一个Vue程序
Lovnx
07-09 3286
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
【跨域问题】Access to XMLHttpRequest at ‘http://localhost:8080/login‘ from origin ‘http://localhost:80
cywleo的博客
04-10 5万+
vue 项目用 axios 进行请求的时候，总是报“Access to XMLHttpRequest at ‘http://localhost:8080/api/login’ from origin ‘http://localhost:8080……’”的错误 这属于跨域问题 解决方法： 找到项目的 config 下的 index.js 在 module.exports 中的 proxyTable 下添加下面的代码 proxyTable: { "/api":{ target: 'h
如何解决跨域问题
Crecendow
04-09 761
为什么会有跨域问题 跨域问题源于javaScript的同源策略，它是针对ajax传递参数的时候进行的一种限制。 一个页面发起的ajax请求，只能是与当前页域名相同的路径，这能有效的阻止跨站攻击。 值得一提的是，如果是静态资源的话，是不受跨域问题影响的，你在淘宝页面中去引用一个京东上的图片，是不会产生跨域问题的，同时，你请求这些静态资源的时候，无一例外都是用...
静态文件访问不到报No Access-Control-Allow-Origin处理办法
06-11
当一个网页尝试从不同的源（协议、域名或端口）请求资源时，如果目标服务器没有允许这个源的权限，浏览器会阻止该请求，从而出现"No 'Access-Control-Allow-Origin' header is present on the requested resource"的...
No Access-Control-Allow-Origin header is present on the requested resource.解决
是日已过，命亦随减的博客
06-10 1万+
出现此问题的原因是 所请求的资源上没有“ Access-Control-Allow-Origin”标头。 这个是域名的问题，比如你本地域名跟测试站域名冲突，因为在代码中已经设置成某个固定的域名了，所以请求接口的时候本地无法访问到测试站域名，所以要找到config文件最初配置域名的地方把他改成本地的域名就可以了 了。 解决跨域问题也很简单，在PHP代码中增加头部即可。 $header['Access-Control-Allow-Origin'] = '*'; $header['Access-Contr
解决No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.跨域问题（后台(java)解决方法）
年少不知曲中意,再听已是曲终人
06-02 3999
解决No 'Access-Control-Allow-Origin' header is present on the requested resource.跨域问题（后台(java)解决方法）
Access to XMLHttpRequest at ‘http://localhost:8088/upload‘ from origin ‘http://localhost:8080‘ has b
xiaofan空欢喜的博客
07-27 5860
Access to XMLHttpRequest at 'http://localhost:8088/upload' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 前端访问后端链接这个错误，一般是跨域问题所导致的，在后端的接口上加入@CrossOrigin...
No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.
cxy213的博客
10-27 1万+
在写基于vue +element 的图片上传中 点击上传图片 会发现有些图片可以上传，有些上传不了，还会报这个错 这个错误翻译过来就是 ： 请求的资源上不存在“Access Control Allow Origin”标头。 但是还是不知道怎么做 百度一些后 说是跨域问题 解决办法也都是跟后端有关系的 在后端设置允许跨域 或者加头信息 但是对于我们使用框架里面的组件来说 设置后端是不可能的 就当我以为没法做了的时候 在百度其他问题的时候 偶然看到了一个熟悉的字眼 :headers="{ ‘Content
springboot跨域全局配置
ITzhongzi的博客
12-26 954
核心代码 package com.itzhongzi.videoedu.config; import org.springframework.context.annotation.Configuration; import org.springframework.web.servlet.config.annotation.CorsRegistry; import org.springframew...
出现Access to XMLHttpRequest atNo AccessControlAllowOrigin header is present on the requeste
weixin_43235147的博客
06-24 3533
这里只讲常用的一种（jsonp只能处理get请求），首先要明白，为什么会发生这个错误，举个例子，在一个项目localhost:8888/a中利用ajax调用了localhost:9999/b中的请求，就发生跨域请求。 1. 如果用了Spring框架的话，那就简单了，因为Spring框架已经给我们封装好了，只需要在被请求的项目Controller中添加标记就可以 //解决ajax跨域问题 //@CrossOrigin(origins = "*",methods = {RequestMethod.GET,Req
后台解决跨域问题
m1s2q3l4的博客
02-18 540
出现的问题 解决办法： 1.创建工具类 2.进行实现 package com.shoppingbackstage.config; import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import org.springframework.web.cors.CorsConfiguration; import org.springframew
使用video.js文件报错：Failed to load resource: net::ERR_FILE_NOT_FOUND的解决办法
qingyuanluofeng的专栏
06-12 6万+
使用video.js文件报错： file://www.google-analytics.com/__utm.gif?utmwv=5.4.2&utmac=UA-16505296-2&u…Fexample.html&utmcc=__utma%3D1.5782357959.1.1.1.1%3B&utme=8(vjsv)9(v4.3.0)Failed to load resource: net::E
关于WEB网页出现Failed to execute ‘send’ on ‘XMLHttpRequest’：Failed to load ‘Url‘ 问题处理方式
溫問問
12-20 5万+
错误截图： 场景： 在调用XMLHttpRequest是爆无法执行send的错误，百度 谷歌了一下回答千奇百怪跟我的问题产生场景不符合，所以自己手工调试跑代码，一行一行的测，后来发现是因为调用XMLHttpRequest 的Open方法至目标页面时，目标页面执行Response.Write(值)后流并没有完全释放，导致一直占用，然后XMLHttpRequest的send方法无法执行 ...
No 'Access-Control-Allow-Origin' header is present on the requested resource'， 跨域访问的解决方法
热门推荐
木子叶的奔跑
11-13 33万+
当请求不在同一域名下的资源文件（ip地址+端口号）时，会报如下错误： “No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:8080’ is therefore not allowed access.”，翻译下，因为被请求的资源没有设置 ‘A...
No Access-Control-Allow-Origin header is present on the requested resource.
09-15
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、付费专栏及课程。

余额充值