当前位置: 首页 > article >正文

问题大集04-浏览器阻止从 本地 发起的跨域请求,因为服务器的响应头 Access-Control-Allow-Origin 设置为通配符 *

1、问题

        localhost/:1 Access to XMLHttpRequest at 'xxx'(请求) from origin 'http://localhost:xxx'(本地) has been blocked by CORS policy: 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 credentials mode of requests initiated by the XMLHttpRequest is controlled by the withCredentials attribute

并且请求已经发送成功(net::ERR_FAILED 200 (OK))

2、解决方法(仅针对axios和使用axios封装)

在请求的时候,如果不需要发送凭据(如 cookies 或 HTTP 认证信息),可以在请求中禁用 withCredentials

即在请求的时候,如果是get请求,在第二个参数的位置添加 { withCredentials: false // 禁用凭据
}

        axios.get('xxx', { withCredentials: false // 禁用凭据})
                .then(res=> console.log(res.data))
                .catch(error => console.error('Error:', error));


http://www.kler.cn/a/537182.html

相关文章:

  • C# Mutex 锁 使用详解
  • Pygame介绍与游戏开发
  • 使用Python实现PDF与SVG相互转换
  • leetcode59_螺旋矩阵II
  • BUU22 [护网杯 2018]easy_tornado 1
  • windows 蓝牙驱动开发-传输总线驱动程序常见问题
  • Vue3.5 企业级管理系统实战(五):图标组件
  • 远程 IO 模块:汽车零部件产线的高效生产引擎
  • AI智算-k8s部署DeepSeek Janus-Pro-7B 多模态大模型
  • 探索从传统检索增强生成(RAG)到缓存增强生成(CAG)的转变
  • selenium使用
  • Stable Diffusion的入门介绍和使用教程
  • 如何在Swift中实现基本的UI设计?
  • AI眼镜-推理成本降低将加速端侧硬件智能化-AI 眼镜、AI玩具、手机AI化
  • Mixture of Experts(专家混合模型)深入解析:突破传统神经网络的计算瓶颈
  • unity学习32:角色相关1,基础移动控制
  • 课程知识图谱生成系统设计与实现
  • 【Android】版本和API对应关系表
  • BUU27 [SUCTF 2019]CheckIn1
  • Android开发经验谈:2021年Android网络编程总结篇,经典好文_android网络编程心得
  • 【redis】redis集群时的槽Slot是什么?
  • 深度学习:解码智能的“数字炼金术”
  • Java面试题及答案整理( 2022最新版,持续更新)
  • 链式前向星复习图论
  • 【GitHub】相关工具下载及使用
  • 高阶C语言|和结构体与位段的邂逅之旅