跨域问题：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource

最新推荐文章于 2024-04-22 10:19:26 发布
最新推荐文章于 2024-04-22 10:19:26 发布
阅读量2.8k 收藏
点赞数
分类专栏： 学习 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46353030/article/details/119246147
版权

一、问题

在访问url地址的时候出现

No ‘Access-Control-Allow-Origin’ header is present on the requested resource

报错，看了MDN的解决办法后我直接在url地址的前面加上了“Access-Control-Allow-Origin: ”
在这里插入图片描述
结果出现请求头错误的报错
在这里插入图片描述

二、原因

为了了解跨域首先需要弄清楚两个问题

  1. 什么是跨域？
  2. 为什么会出现跨域？
    跨域是为了保护用户的一种安全机制，出现跨域的原因可能是出现了不同源的AJAX请求。
  3. 那么什么是不同源？
    即协议、域名、端口不同，例如http://0.000.000.000:8080中，http即协议，0.000.000.000即域名，8080即为端口。

同源里面的两个对象指的是页面的访问地址和url，我出现跨域的问题就是页面端口为8080，而url的地址为8081，此时端口号不同，导致出现不同源，进而产生了跨域的问题，服务器便拒绝向我提供服务。

三、解决办法

  1. 在页面中
最低0.47元/天 解锁文章
Krlin_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
正确解决No ‘Access-Control-Allow-Origin’ header is present on the requested resource异常的有效解决方法
wbajsjhhhhh的博客
05-03 7736
正确解决No ‘Access-Control-Allow-Origin’ header is present on the requested resource异常的有效解决方法
fetch请求，No ‘Access-Control-Allow-Origin‘ header的解决方法，SpringBoot支持跨域
Top5软件工程硕士，先后在京东、字节从事多年Java后端开发、实时和离线大数据开发
10-10 1万+
Failed to load http://localhost:8080/a/b: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access. The response had...
Vue 项目中遇到的跨域问题及解决方法(后台php)
01-19
问题描述 前端 vue 框架，后台 php，百度跨域问题后台加这段代码 header(Access-Control-Allow-Origin: *); 加了之后报这个错： The value of the ‘Access-Control-Allow-Origin’ header in the response must not be the wildcard ‘*’ when the request’s credentials mode is ‘include’. The value of the ‘Access-Control-Allow-Origin’ header in the
No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.
天元白手的博客
09-07 333
1、跨域解决方式 在后端接口controller添加注解（常用） @CrossOrigin //解决跨域的问题 2、使用网关解决（）
解决跨域问题：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.
一起加油吧！
12-10 7304
CORS，全称Cross-Origin Resource Sharing，是一种允许当前域（domain）的资源（比如html/js/web service）被其他域（domain）的脚本请求访问的机制，通常由于同域安全策略（the same-origin security policy）浏览器会禁止这种跨域请求。
跨域问题：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.
MonkeyRideDonkey的博客
07-30 334
【代码】跨域问题：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.
前后端跨域问题解决： No ‘Access-Control-Allow-Origin’ header is present on the requested resource
小蚯蚓的博客
09-05 6910
前后端跨域问题cros
跨域问题No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.
qq_41847894的博客
03-11 1299
跨域问题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 535
本地环境下，直接打开html文件，用AJAX 方法`jQuery load() `加载**txt文件**时，报错如下：
Springboot 升级导致跨域 No ‘Access-Control-Allow-Origin‘ header is present on the requested resource
最新发布
tabvla的博客
04-22 553
SpringBoot升级，导致跨域报错AccesstoXMLHttpRequestat'http://127.0.0.1:8080/xxx'fromorigin'http://127.0.0.1:8081'hasbeenblockedbyCORSpolicy:No'Access-Control-Allow-Origin'headerispresentontherequestedresource.
静态文件访问不到报No Access-Control-Allow-Origin处理办法
06-11
当一个网页尝试从不同的源（协议、域名或端口）请求资源时，如果目标服务器没有允许这个源的权限，浏览器会阻止该请求，从而出现"No 'Access-Control-Allow-Origin' header is present on the requested resource"的...
Nginx跨域设置Access-Control-Allow-Origin无效的解决办法
01-10
add_header 'Access-Control-Allow-Origin' '*'; add_header 'Access-Control-Allow-Credentials' 'true'; add_header 'Access-Control-Allow-Methods' 'GET,POST'; 使用以下配置，生效。 if ($request_method = '...
解决方案 ‘Access-Control-Allow-Origin’ header in the response must not be the wildcard ‘*’
12-20
标题 "解决方案 ‘Access-Control-Allow-Origin’ header in the response must not be the wildcard ‘*’" 提到的是一个在Web开发中常见的跨域问题。`Access-Control-Allow-Origin` 是一个用于控制资源跨域访问的...
Nginx解决转发地址时跨域的问题
01-20
No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access. 这就是跨域问题。解决方案有不少，比较好的是服务器端配置CORS，但要求服务器端...
Allow-Control-Allow-Origin
09-20
解决浏览器跨域请求出现No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8100' is therefore not allowed access.问题
nginx：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource
weixin_44021888的博客
12-01 2433
nginx：No 'Access-Control-Allow-Origin' header is present on the requested resource
ganache-cli运行时出现Error: error:0308010C:digital envelope routines::unsupported错误提示的解决办法
热门推荐
weixin_46353030的博客
10-31 2万+
坏境 window10 nodejs版本：v17.0.1 npm版本：8.1.0 问题 用npm install ganache-cli -g 命令安装了ganache-cli，运行ganache-cli 时出现Error: error:0308010C:digital envelope routines::unsupported报错： 原因 node17.0以上的版本不支持这样做，我理解是它不支持直接运行ganache-cli，给出的解决办法也没看懂 官方解释 解决办法 能根据上面官方解释链接提供的方
MetaMask钱包登录Ganache-cli内的账户，出现无法获取链 IC，您的 RPC URL 地址是正确的么？问题
weixin_46353030的博客
11-23 2万+
环境 win 10 ganache-cli 问题 ganache-cli的启动端口是8545，对应的ChainID并没有在cmd窗口中显示出来，操作手册里面提示ganache-cli ChainID的默认值为当前时间，或使用所分叉链的网络id使用-i 或 –networkId命令启动ganache-cli可以指定网络id。通过修改的方式启动对我来说没有，我直接按照Metamask的提示往ChainID中输入了1337，后面就可以正常连接到ganache-cli给我提供的账户了 步骤 以管理员的身份打
c++ blocked by CORS policy: No Access-Control-Allow-Origin header is present on the requested resource.
12-07
如果服务器没有正确配置CORS，浏览器就会拒绝该请求并显示“blocked by CORS policy: No Access-Control-Allow-Origin header is present on the requested resource”错误消息。 在C++中，由于C++通常用于编写后端...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值