谷歌浏览器运行HTML文件报 No 'Access-Control-Allow-Origin' header is present on the requested resource

最新推荐文章于 2025-06-09 22:35:10 发布
原创 最新推荐文章于 2025-06-09 22:35:10 发布 · 2.7k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#Access-Control-Allow-Origin

本文探讨了在使用html、Vue.js与ajax调用Java接口时遇到的跨域问题，详细解析了错误提示信息，并提供了解决方案，即通过在接口中设置Access-Control-Allow-Origin响应头来允许特定域名的请求。

html + Vue.js + ajax ======》 Java接口

错误提示：

Access to XMLHttpRequest at 'HTTP/HTTPS接口' from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

解决方法：

接口中设置：  response.setHeader("Access-Control-Allow-Origin", "*");    # 建议吧 * 换成 域名

 

正确解决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 1179
本地环境下，直接打开html文件，用AJAX 方法`jQuery load() `加载**txt文件**时，报错如下：
No 'Access-Control-Allow-Origin' header is present on the requested resource.'Ajax跨域访问解决方案
热门推荐
M_Jack的博客
05-29 22万+
一、什么是跨域访问 举个栗子：在A网站中，我们希望使用Ajax来获得B网站中的特定内容。如果A网站与B网站不在同一个域中，那么就出现了跨域访问问题。你可以理解为两个域名之间不能跨过域名来发送请求或者请求数据，否则就是不安全的。跨域访问违反了同源策略，同源策略的详细信息可以点击如下链接：Same-origin_policy；  总而言之，同源策略规定，浏览器的ajax只能访问跟它的HTML页面同源...
开启chrome跨域模式--No 'Access-Control-Allow-Origin' header is present on the requested resource解决方案
hxf6060的博客
05-31 2611
前端在开发中经常会遇到跨域的问题，如果出现跨域，控制台会出现如下提示： 关于跨域的原理，这里就不详谈了，我们主要介绍chrome浏览器怎么设置允许跨域。这里的方法使用于49版本以上，相信你的版本不会低于49啦，如果真是这么低，就赶紧升级吧。 一、windows系统 1. 在你的在电脑上新建一个目录，例如：C:\MyChromeDevUserData； 2. 在桌面找到你的chrome浏...
成功解决 origin ‘http://localhost‘ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘
最新发布
m0_47020683的博客
06-09 595
看报错第二个ip地址，是什么就改成什么，如果没有端口号那就不要加端口号。我其中的.setAllowedOrigins(
No ‘Access-Control-Allow-Origin’ header is present on the requested resource异常的解决方案
2301_79779756的博客
05-10 1万+
当浏览器尝试从不同于其源（域、协议或端口）的服务器加载资源时，会触发同源策略（Same-Origin Policy）。然而，有时我们确实需要从不同的源加载资源，这时就需要使用跨源资源共享（CORS，Cross-Origin Resource Sharing）机制。
新版本Chrome同源策略、跨域问题处理No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.
小蓝枣的博客
04-06 3888
a 地址下访问 b 地址，即使 ip 相同，端口不一样也不行，涉及跨域问题，也属于 chrome 的同源策略。 解决方法： 新建一个快捷方式，右键属性的目标里加入如下参数 --disable-web-security --user-data-dir="D:\work\new_chrome" 注意参数的前面有个空格。 后面的参数是指定一个配置信息存储路径，相当于新开一个浏览器。如果不指定存储路径，先关闭已经打开的浏览器，再用快捷方式打开应该也行。
‘Access-Control-Allow-Origin‘ heade is present on the requested 跨域问题 解决
wuquanli493的博客
12-23 1409
'Access-Control-Allow-Origin' heade is present on the requested 跨域问题 解决1、解决问题前先确定是不是跨域2、什么是跨域3、为什么会跨域4、解决方法最后附上我的完整代码 1、解决问题前先确定是不是跨域 遇到这个问题首先要明确一点，就是你是不是真的跨域，因为在请求的过程中，前后端一些其它的问题，即使不是跨域，浏览器Console中也会报同样的错误，让你误以为是跨域。所以，在解决这个问题之前你先确定是不是真的跨域。 2、什么是跨域 跨域，是指浏
静态文件访问不到报No Access-Control-Allow-Origin处理办法
06-11
当一个网页尝试从不同的源（协议、域名或端口）请求资源时，如果目标服务器没有允许这个源的权限，浏览器会阻止该请求，从而出现"No 'Access-Control-Allow-Origin' header is present on the requested resource"的...
Springboot 升级导致跨域 No ‘Access-Control-Allow-Origin‘ header is present on the requested resource
tabvla的博客
04-22 779
SpringBoot升级，导致跨域报错AccesstoXMLHttpRequestat'http://127.0.0.1:8080/xxx'fromorigin'http://127.0.0.1:8081'hasbeenblockedbyCORSpolicy:No'Access-Control-Allow-Origin'headerispresentontherequestedresource.
Access-Control-Allow-Origin‘ header is present on the requested resource. 阿里云对象存储跨域请求解决办法
Spring Boot-Common On With You
09-11 404
关于这个问题，是在管理平台中，对接阿里的存储对象API接口时遇见的，前端请求后端，获取签名前端利用签名，通过 存储对象 的前端URL上传上传时出现跨域的情况，
No ‘Access-Control-Allow-Origin‘ header is present on the requested resource关于vue跨域问题
qq_42212557的博客
12-06 2万+
No 'Access-Control-Allow-Origin' header is present on the requested resource关于vue跨域问题
本地调试 谷歌浏览器报错：跨域问题处理 Access-Control-Allow-Origin
weixin_30402343的博客
04-28 309
前端在本地，调试，就经常的就是会遇到 调用接口，提示跨域了。 如你要访问 http://****/api/user chrome 浏览器 报错： XMLHttpRequest cannot load http://****/api/user No 'Access-Control-Allow-Origin' header is present on the requested resou...
No 'Access-Control-Allow-Origin' header is present on the requested resource--跨域问题
DK微风的博客
08-06 1618
Access to XMLHttpRequest at 'http://localhost:9084/ from origin 'http://localhost:8096' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. ...
错误Access-Control-Allow-Origin原因及解决方法
qq_39842253的博客
04-03 1万+
原因：游览器有同源策略的限制，阻止你使用JavaScript从跟你不同源的网站(别人的网站服务器)获取数据 解决方法：让提供数据的服务器，通过HTTP响应头设置Access-Control-Allow-Origin -> ‘*’ 只是让游览器忽略，跟服务器逻辑无关 跨域取数据 ...
No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.跨域问题解决
每天学习一点点
10-24 7233
创建一个.net的webapi程序，在项目文件夹下创建一个index.html页面，用来请求webapi接口，代码如下： webapi代码： index代码: 在浏览器中可以看到请求成功，并返回了hello 这时候如果在webapi项目文件夹外创建一个新的页面，home.html页面,同样发送ajax请求，请求webapi，代码如下： 这时候浏览器就报错，发生了跨域请求。这是浏览器的安全机制，默认不允许程序访问其他服务器中的资源。 这仅仅是浏览器将请求拦截了...
跨域请求常见错误及解决：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource
二饭的博客
12-14 1万+
我的项目是Vue+Boot前后端分离项目。出现标题的错误信息的可能如下： 第①种情况 后端没有设置跨域，这里以Boot项目为例，在类上使用如下注解：表示这个类中的方法都可以进行跨域 @RestController @RequestMapping("client/recruit") @CrossOrigin public class RecruitClient { } 第②种情况 后端拦截器或过滤器中没有允许该请求方法通过，正确写法如下：拦截器示例 response.setHeader("Access-
谷歌浏览器解决跨域问题 No ‘Access-Control-Allow-Origin
宋拾壹的博客
02-12 1281
首先关闭所有谷歌浏览器页面 复制一份快捷方式 右键-》属性 找到目标 后面加上 --disable-web-security --user-data-dir=“D:\lynn\data” --disable-site-isolation-trials 然后点保存。双击图标出现下图就成功了 ...
chorme浏览器的Access-Control-Allow-Origin拦截限制
u011599033的博客
06-18 5107
chorme浏览器的Access-Control-Allow-Origin拦截限制 解决办法 找到chorme浏览器的图标，右键属性，修改目标位置，我的是“C:\Users\pois002\AppData\Local\Google\Chrome\Application\chrome.exe”，在后面加上“–args --disable-web-security --user-data-dir” 修...
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、付费专栏及课程。

余额充值