ajax 跨域出现 No ‘Access-Control-Allow-Origin‘ header is present on the requested resource 解决

最新推荐文章于 2024-05-10 21:47:27 发布
最新推荐文章于 2024-05-10 21:47:27 发布
阅读量914 收藏
点赞数
分类专栏： 问题记录 Ajax 文章标签： ajax node.js 前端 http https
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45499478/article/details/112853391
版权

问题截图

在这里插入图片描述
翻译

从目标“http://127.0.0.1:5500”访问“http://127.0.0.1/”的XMLHttpRequest已被CORS策略阻止：被请求的资源上没有“Access- control - allow - origin”报头

W3C 组织是这样实现HTTP跨域请求的： Cross-Origin Resource Sharing

简单来说就是服务器端没有设置一系列的响应头，进而不同意跨域访问。
如果使用的是原生 Node.js，需要设置响应头为：

response.writeHead(200, {
最低0.47元/天 解锁文章
gaearon
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
静态文件访问不到报No Access-Control-Allow-Origin处理办法
06-11
静态文件访问不到报No 'Access-Control-Allow-Origin' header is present on the requested resource处理办法
Nginx解决转发地址时跨域的问题
01-20
No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access. 这就是跨域问题。解决方案有不少，比较好的是服务器端配置CORS，但要求服务器端...
jquery ajax No 'Access-Control-Allow-Origin' header is present on the requested resource
zhuchunyan_aijia的博客
02-14 3893
No 'Access-Control-Allow-Origin' header is present on the requested resource. 没有访问控制允许源头是目前对请求的资源 ——跨域问题引起。 Access-Control-Allow-Origin与跨域： 问题 在某域名下使用Ajax向另一个域名下的页面请求数据，会遇到跨域问题。另一个域名必须在respon
ajax 跨域访问 No ‘Access-Control-Allow-Origin‘ header is present on the requested resource
u011337602的博客
08-23 1118
现象： 在ajax访问web后端获取信息时，报错如下 Access to XMLHttpRequest at 'http://192.167.3.81:12345/stat/' from origin 'http://192.167.3.81:8888' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Orig.
No ‘Access-Control-Allow-Origin’ header is present on the requested resource异常的解决方案
最新发布
2301_79779756的博客
05-10 1655
当浏览器尝试从不同于其源（域、协议或端口）的服务器加载资源时，会触发同源策略（Same-Origin Policy）。然而，有时我们确实需要从不同的源加载资源，这时就需要使用跨源资源共享（CORS，Cross-Origin Resource Sharing）机制。
跨域问题以及解决方案
lixianhe的博客
05-11 1万+
SpringBoot解决跨域问题（四种方案）
Ajax跨域访问抱错 原因：CORS 头缺少 ‘Access-Control-Allow-Origin‘
yangfan5314的专栏
02-01 2745
当Ajax跨域访问，明明已经获取到访问的json数据但是浏览器报错CORS 头缺少 ‘Access-Control-Allow-Origin’ ； 解决方式一： 过滤器 package com.xet.filter; import java.io.IOException; import javax.servlet.Filter; import javax.servlet.FilterChain; import javax.servlet.ServletException; import javax.ser
No 'Access-Control-Allow-Origin' Ajax跨域访问解决方案
rumengqiang的博客
08-28 896
一：服务器端解决 在服务器端的filter或者servlet里面添加  response.setHeader("Access-Control-Allow-Origin", "*");  “Access-Control-Allow-Origin”表示允许跨域访问，“*”表示允许所有来源进行跨域访问，这里也可以替换为特定的域名或ip。 不建议此种修改 二：客户端修改 $.ajax(url, { ...
PHP Ajax跨域问题解决方案代码实例
01-19
XMLHttpRequest cannot load http://server.runoob.com/server.php. No ‘Access-Control-Allow-Origin’ header is present on the requested resource.Origin ‘http://client.runoob.com’ is theref
有关Ajax跨域问题的两种解决方法
12-11
XMLHttpRequest cannot load http://192.168.2.12:8001/oss/api/version/check. No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:8000’ is therefor
详解Django解决ajax跨域访问问题
01-21
这篇文章主要给大家介绍了关于Django跨域请求问题解决的相关资料，文中介绍的实现...No ‘Access-Control-Allow-Origin’ header is present on the requested resource. 这是由于CORS导致的。 什么是CORS？ CORS
No 'Access-Control-Allow-Origin' header is present on the requested resource'， 跨域访问的解决方法
热门推荐
木子叶的奔跑
11-13 32万+
当请求不在同一域名下的资源文件（ip地址+端口号）时，会报如下错误： “No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:8080’ is therefore not allowed access.”，翻译下，因为被请求的资源没有设置 ‘A...
解决ajax跨域No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
m0_52364694的博客
05-24 592
在php文件未输出任何信息之前添加:header(‘Access-Control-Allow-Origin:*’);
跨域(CORS)请求问题[No 'Access-Control-Allow-Origin' header is present on the requested resource]常见解决方案
无限迭代中......
02-26 1万+
基本概念 跨域(CORS)请求：同源策略/SOP（Same origin policy）是一种约定，由Netscape公司1995年引入浏览器，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSFR等攻击。所谓同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个ip地址，也非同源。 浏览器和服务器实现跨域(CORS)判定的原理 问题描述 ...
nodejs设置允许跨域
现在学习也不晚
01-07 1万+
app.all('*', function(req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Headers", "X-Requested-With"); res.header("Access-Control-Allow-Met
后台解决跨域问题
m1s2q3l4的博客
02-18 463
出现的问题 解决办法： 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
ajax跨域请求错误-CORS policy: No ‘Access-Control-Allow-Origin‘ header is present on the requested resource
weixin_60414376的博客
07-31 584
代码】ajax跨域请求错误-CORSpolicyNo'Access-Control-Allow-Origin'headerispresentontherequestedresource。
response设置响应头，解决跨域请求问题，No 'Access-Control-Allow-Origin' header is present on the requested resource
益添的博客
05-15 25万+
今天被跨域请求的问题困扰了很久，跨域一句话的理解就是：服务端和请求端的地址不一样。跨域的详细介绍可以参考：浏览器和服务器实现跨域(CORS)判定的原理，这里不多赘述。我出现的问题，主要就是客户端向发送了服务端请求，服务器已经能返回数据，但是浏览器不接收。Failed to load http://localhost:8080/XXXX: No 'Access-Control-Allow-Origi...
Ajax跨域、Json跨域、Socket跨域和Canvas跨域等同源策略限制的解决方法
freshlover的专栏
03-12 11万+
同源是指相同的协议、域名、端口，三者都相同才属于同域。不符合上述定义的请求，则称为跨域。 相信每个开发人员都曾遇到过跨域请求的情况，虽然情况不一样，但问题的本质都可以归为浏览器出于安全考虑下的同源策略的限制。 跨域的情形有很多，最常见的有Ajax跨域、Socket跨域和Canvas跨域。下面列举一些我们常见的跨域情形下，某些浏览器控制台给出的错误提示。 FireFox下的提示：已阻止交叉源请求：同源策略不允许读取***上的远程资源。可以将资源移动到相同的域名上或者启用 CORS 来解决这个问题。Canvas
ajax报错No 'Access-Control-Allow-Origin' header is present on the requested resource
01-09
当使用Ajax请求跨域资源时，可能会遇到"No 'Access-Control-Allow-Origin' header is present on the requested resource"的错误。这是因为浏览器执行跨域请求时会进行同源策略检查，如果服务器没有正确设置响应头，浏览器会拒绝访问。 解决这个问题的方法有多种，以下是两种常见的解决办法： 1. 使用代理服务器：可以通过在自己的服务器上设置一个代理来解决跨域问题。具体步骤如下： ```javascript // 在自己的服务器上创建一个代理接口 app.get('/proxy', function(req, res) { // 使用http模块发送请求到目标服务器 http.get('http://目标服务器地址', function(response) { // 设置响应头，允许跨域访问 res.setHeader('Access-Control-Allow-Origin', '*'); // 将目标服务器的响应数据返回给客户端 response.pipe(res); }); }); ``` 2. 在服务器端设置响应头：如果你有权限修改服务器端的代码，可以在服务器端设置响应头来解决跨域问题。具体步骤如下： ```javascript // 在服务器端设置响应头，允许跨域访问 res.setHeader('Access-Control-Allow-Origin', '*'); ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值