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

最新推荐文章于 2024-04-24 11:15:04 发布
最新推荐文章于 2024-04-24 11:15:04 发布
阅读量340 收藏
点赞数 1
分类专栏： 跨域访问异常 文章标签： 对于使用ajax跨域访问前台页面报错 No 'Access-Control-Allow-Origin' he
本文解决了跨域使用AJAX时出现的“No‘Access-Control-Allow-Origin’headerispresentontherequestedresource”异常，通过在控制层添加特定注解轻松实现了跨域请求。

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

今天在跨域使用ajax的时候浏览器报了这个异常
No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘null’ is therefore not allowed access.
具体意思呢就是
在请求的资源上不存在’Access-Control-Allow-Origin’标头。因此不允许访问原点“null”。
看的懂也不知道解决方法，百度了，解决方法有很多，但始终没解决我这里的问题，
最后发现其实只需要在控制层加上这个注解就可以了
在这里插入图片描述
这个方法来自：
https://blog.youkuaiyun.com/tg928600774/article/details/80325040#commentBox
谢谢博主

跨域问题No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.
qq_41847894的博客
03-11 1640
跨域问题No 'Access-Control-Allow-Origin' header is present on the requested resource.
Chrome的启动参数
Criss@陈磊
02-23 5558
List of Chromium Command Line Switches Condition Explanation --[1]⊗ Classic, non-material, mode for the |kTopChromeMD| switch.↪ --0⊗ Value of the --profiler-timing flag that will disable timin...
Vue--使用webpack解决跨域问题：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource
IT利刃出鞘的博客
01-23 1190
​ 本文介绍Vue如何解决跨域问题：No 'Access-Control-Allow-Origin' header is present on the requested resource。 本文介绍webpack方案。（也可以用vue-cli来解决，见：这里） ​
Vue--使用vue-cli解决跨域问题：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource
IT利刃出鞘的博客
09-15 3010
​ 本文介绍Vue如何解决跨域问题：No 'Access-Control-Allow-Origin' header is present on the requested resource。 本文介绍vue-cli方案。本配置方法跟webpack的dev-server一样（除了配置位置不一样以外）。 ​......
Vue实战——使用代理服务器解决跨域问题——No‘Access-Control-Allow-Origin‘ header is present on the requested resource
weixin_51351637的博客
10-08 7400
那我们怎么理解代理服务器（粉色）呢？房主中介的作用，左手顾客，右手房东类似中间人，本身也是服务器。8080是我们目前所处在的位置（红色），代理服务器和我们处在的位置一个样，也是8080，始终保持一致当我们在8080（红色）端口向5000端口索要数据的时候，并不会直接发送给5000端口（服务器），而是先发送给代理服务器（粉色8080），然后粉色的代理服务器反手把这次请求发送给了5000；
vue axios请求出错No 'Access-Control-Allow-Origin' header is present on the requested resource
weixin_40679578的博客
07-30 1万+
在向服务器请求数据的时候，经常报这个错 No ‘Access-Control-Allow-Origin’ header is present on the requested resource 解决方法： 在config/index.js中proxyTable添加 proxyTable: { '/api': { // 要代理...
源码安装OpenStack Ussuri ---Keystone篇
qq_41864617的博客
08-23 1328
源码安装OpenStack Ussuri —Keystone篇 前面我们进行了准备的操作，现在开始源码安装Keystone ，Keystone源码已经上传到我的gitee上面了，下面我们直接用这上面的源码 基础组件安装 dnf -y install python3-devel libffi-devel gcc openssl-devel git python3-pip httpd python3-mod_wsgi Keystone安装 从gitee上拉取指定版本源码并安装 git clone http
Puppeteer开发过程中遇到的问题及解决方案
m0_67402823的博客
03-08 6666
工欲善其事必先利其器，请先检查本机是否安装NodeJS环境以及查阅API： Google官方文档：https://developers.google.com/web/tools/puppeteer API（v12.0.1）文档：https://pptr.dev/#?product=Puppeteer&version=v12.0.1&show=outline 问题：如何处理各种验证码？ 解决方案：建议大家去搜索对应的解决方案，Puppeteer并无此类解决方案。 问题：某些网站做了JS防爬检测
深入理解Linux内核第3版--笔记-3.pdf
u011961033的专栏
10-16 858
Chapter 12. The Virtual Filesystem    five standard Unix file:       1:regular files,2.directories,3.symbolic links,4.Device files,5. pipes    12.1. The Role of the Virtual Filesystem (VFS)     Fi...
PostgreSQL 源码解读（5）- 插入数据#4（ExecInsert）
08-06 1314
本文简单介绍了PG插入数据部分的源码，主要内容包括ExecInsert函数的实现逻辑，该函数位于nodeModifyTable.c文件中。 一、基础信息 按惯例，首先看看ExecInsert函数使用的数...
跨域问题：“No 'Access-Control-Allow-Origin' header is present on the requested resource”
Kaybee - 练级之路
12-07 2284
今天试了一下只用SpringMVC写接口，然后用本地的 ajax 去访问接口请求 json 数据，但浏览器报了一个“跨域”请求的错误，个人理解的跨域问题是，服务端和客户端的请求不在同一个域名下，但是我这都是在本机上部署的呀，这是什么问题呢？原来我理解的“跨域”只是我个人的理解，在网上搜索解决方法，都是在SpringMVC 的服务器中写一个过滤器 Filter ，让 Filter 拦截请求，在res
No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin is therefore no
程菜鸟的学习之路
10-12 779
No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin is therefore no错误解决问题：在php中使用ajax跨域访问报错No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
解决CORS跨域问题：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource
热门推荐
技术杠精的博客
10-31 15万+
Access to XMLHttpRequest at 'http://192.168.2.170:8000/external/statistics/function' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' head
No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.Spring解决跨域问题
SleepNot_Need的博客
07-18 511
浏览器控制台打印：Access to XMLHttpRequest at ‘http://xxx’ from origin ‘http://xxx’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. 问题原因 浏览器控制的打印这段错误信息，表示你的服务出现的跨域请求问题，即跨越了域名访问，比如说源地址是：www.taobao.com，访问
iframe跨域问题 -- No ‘Access-Control-Allow-Origin‘ header is present on the requested resource
最新发布
带着Bug看世界
04-24 1629
Chrome升级到115版本之后，Chrome 禁止修改，导致ifream修改domain的跨域方案无法正常使用。document.domain已禁止使用。
Spring 处理跨域请求
weixin_42683274的博客
06-02 759
Spring 处理跨域请求
跨域问题：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.
GQ_666的博客
12-18 260
前端的同事上了一个厕所，就出现这个问题了。我是笑了，最后找到以下两个解决办法： 1.方法一：使用这个配置 @Configuration public class CrosConfig implements WebMvcConfigurer { @Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping("/**") .allowed
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是一个跨域问题。这个问题通常发生在前端访问后端接口时，由于安全限制，浏览器会阻止跨域请求。要解决这个问题，有几种方法可以尝试。 一种方法是在后端接口或配置文件中添加跨域代码。可以使用以下代码来允许所有来源访问接口： header('Access-Control-Allow-Origin:*');//允许所有来源访问 header('Access-Control-Allow-Method:POST,GET');//允许访问的方式 或者在过滤器中添加以下代码： httpResponse.setHeader("Access-Control-Allow-Origin","*"); httpResponse.setHeader("Access-Control-Allow-Credentials", "true"); httpResponse.setHeader("Access-Control-Allow-Methods", "POST, PUT, GET, OPTIONS, DELETE"); 另一种可能的原因是在配置文件或其他设置中重复配置了跨域。比如在FileUtil中配置了response.addHeader("Access-Control-Allow-Origin", "*")，然后又在CorsFilter中添加了一次配置。这样就会出现两个Access-Control-Allow-Origin问题。在这种情况下，只需要删除其中一个配置即可解决问题。 总结来说，解决"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、付费专栏及课程。

余额充值