前段发送请求报错 No 'Access-Control-Allow-Origin' header is present on the requested resource

最新推荐文章于 2024-08-15 23:32:43 发布
最新推荐文章于 2024-08-15 23:32:43 发布
阅读量1.2k 收藏 1
点赞数
分类专栏： Python
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/QQ459932400/article/details/90768680
版权
在使用Django构建API并尝试通过Ajax调用时遇到'Access-Control-Allow-Origin'错误。该问题由CORS引起。通过安装和配置django-cors-headers middleware，可以在settings.py中轻松解决跨域限制，实现CORS允许所有源或自定义白名单，从而顺利进行前端请求。
摘要由CSDN通过智能技术生成

使用Django在服务器端写了一个API，返回一个JSON数据。使用Ajax调用该API：

但是，Chrome浏览器提示错误：

No 'Access-Control-Allow-Origin' header is present on the requested resource.

这是由于CORS导致的。

 

 

安装django-cors-headers这里还有一各发现！在Django中，有人开发了CORS-header的middleware，只在settings.py中做一些简单的配置即可，见：https://github.com/ottoyiu/dj...，开启CORS，没有跨域烦恼，真爽！~

 

首先安装 pip install django-cors-headers

然后在settings.py里配置一番就可以 INSTALLED_APPS = [  
     ...  
     'corsheaders', 
     ...  ]    
 MIDDLEWARE_CLASSES = ( 
     ...  
     #尽可能靠前，必须在CsrfViewMiddl

最低0.47元/天 解锁文章
_speed
关注
专栏目录
正确解决No ‘Access-Control-Allow-Origin’ header is present on the requested resource异常的有效解决方法
wbajsjhhhhh的博客
05-03 8561
正确解决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
qq_42360077的博客
11-06 741
解决前端跨域问题has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 解决核心代码： import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import org.sprin
CORS policy: ***No ‘Access-Control-Allow-Origin‘ header is present on the requested resource 跨域的解决办法
最新发布
Spring Boot-Common On With You
08-15 839
跨域指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对javascript施加的安全限制。
【前端】 CORS 跨域问题 （“No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.”）
悟空—
08-18 3484
服务端 设置请求头 允许跨域 @Override public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException { HttpServletResponse response = (HttpServletResponse) res; r
No ‘Access-Control-Allow-Origin’ header is present on the requested resource异常的解决方案
2301_79779756的博客
05-10 5597
当浏览器尝试从不同于其源（域、协议或端口）的服务器加载资源时，会触发同源策略（Same-Origin Policy）。然而，有时我们确实需要从不同的源加载资源，这时就需要使用跨源资源共享（CORS，Cross-Origin Resource Sharing）机制。
完美解决：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource
white0718的博客
07-24 1万+
分析：当我们请求一个接口的时候，出现如：Access-Control-Allow-Origin 字眼的时候说明请求跨域了。前端是vue,后端是springcloud，完全的前后端分离的项目，前端在向后端发送请求的时候出现如下的错误。把我工作中遇到的问题和解决的问题的过程记录下来，同时希望也可以帮到大家！文件，在该文件内新增配置。
静态文件访问不到报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
weixin_46353030的博客
07-30 2903
一、问题 在访问url地址的时候出现 No ‘Access-Control-Allow-Origin’ header is present on the requested resource 报错，看了MDN的解决办法后我直接在url地址的前面加上了“Access-Control-Allow-Origin: ” 结果出现请求头错误的报错 二、原因 为了了解跨域首先需要弄清楚两个问题 什么是跨域？ 为什么会出现跨域？ 跨域是为了保护用户的一种安全机制，出现跨域的原因可能是出现了不同源的AJAX请求。
解决前端报No 'Access-Control-Allow-Origin' header is present on the requested resource问题
bug_easy的博客
07-04 1万+
今天，我在写完后台服务之后，在浏览器通过地址栏调用服务均是正常的，然后我在前端项目中通过ajax来请求该服务，前台控制台一直报错No 'Access-Control-Allow-Origin' header is present on the requested resource，我查看了后台以及对应的数据库，后台流程全部走完并成功的插入了数据库，就是前台报错，经过搜索了很多网上的资料，有的说在前...
后台解决跨域问题
m1s2q3l4的博客
02-18 500
出现的问题 解决办法： 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
关于django中API接口，POST报错No Access-Control-Allow-Origin header is present on the requested resource
Crazy的博客
06-23 1532
再次更新吧，上次找到了一个get方法简单的使用可以避免 No 'Access-Control-Allow-Origin' 的问题，然后我就把GET改成POST，结果就出错，前端代码也只是改了POST，如下： $.ajax({ // method: 'GET', method: 'POST', url: "http://127.0.0.1:8000/register/helloApi"
解决跨域问题：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.
热门推荐
愿我如星君如月 ... 夜夜流光相皎洁 ...
12-11 7万+
PS：如果遇到 这个问题Request header field Content-Type is not allowed by Access-Control-Allow-Headers，解决方法见另一博文：解决：Request header field Content-Type is not allowed by Access-Control-Allow-Headers 1. 场景描述：...
No 'Access-Control-Allow-Origin' header is...
彭珂个人网的博客
06-06 630
知道你急着解决，所以直接贴解决方法。 这个问题呢，简单来说，就是允许跨域问题，一般是前端请求后台接口的时候，出现。 原因：不是说后台的ip地址和前端请求ip相同，是因为前端的请求没有在整个项目中包含。 第一种解决方法：前端请求的页面放在项目目录下即可，这样保护了后台接口。（建议） 第二种解决方法：后台接口设置： response.setHeader("Access-Control-Allo...
CORS:解决跨域访问报“No 'Access-Control-Allow-Origin' header is present on the requested resource.”错误
xy_kok的博客
04-30 2647
最近客串后端写个小服务，编程语言为golang。 前端发送http POST请求后，发现报错，而后端没有收到POST请求，反而收到了OPTIONS请求。 经过一番调查发现，当前端发送诸如包含“application/json”的非简单请求时，会先发送一个OPTIONS请求，此请求称之为“预检请求”。当前端对OPTIONS请求验证通过后，再发送最终需要发送的http请求。 关于CORS网上介绍...
Post request is No 'Access-Control-Allow-Origin' header is present on the requested resource跨域问题解决
古柏树下的博客
06-13 666
跨域问题 报错信息为：post request is No ‘Access-Control-Allow-Origin’ header is present on the requested resource. 原因：例如我们需要在A网址获取B网的资源，由于A，B不在同一个域名之中导致出现了跨域访问资源的情况。在浏览器的协议中，默认这样的访问是不安全的。跨域访问被认为违反了同源策略，它规定只能访...
ajax跨域(No 'Access-Control-Allow-Origin' header is present on the requested resource)
zoey的专栏
07-19 1466
在A网站中，我们希望使用Ajax来获得B网站中的特定内容。如果A网站与B网站不在同一个域中，那么就出现了跨域访问问题。你可以理解为两个域名之间不能跨过域名来发送请求或者请求数据，否则就是不安全的。跨域访问违反了同源策略，同源策略的详细信息可以点击如下链接：Same-origin_policy； 总而言之，同源策略规定，浏览器的ajax只能访问跟它的HTML页面同源（相同域名或IP）的资源。
Vue实战——使用代理服务器解决跨域问题——No‘Access-Control-Allow-Origin‘ header is present on the requested resource
weixin_51351637的博客
10-08 7102
那我们怎么理解代理服务器（粉色）呢？房主中介的作用，左手顾客，右手房东类似中间人，本身也是服务器。8080是我们目前所处在的位置（红色），代理服务器和我们处在的位置一个样，也是8080，始终保持一致当我们在8080（红色）端口向5000端口索要数据的时候，并不会直接发送给5000端口（服务器），而是先发送给代理服务器（粉色8080），然后粉色的代理服务器反手把这次请求发送给了5000；
uniapp报错 No 'Access-Control-Allow-Origin' header is present on the requested resource
01-23
根据提供的引用内容，当uniapp报错显示"No 'Access-Control-Allow-Origin' header is present on the requested resource"时，可以采取以下两种处理办法： 1. 在后端服务器中设置响应头信息，允许跨域访问。可以在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值