使用CURL命令确定Access-Control-Allow-Origin问题

一、问题描述

有前端小伙伴反馈ajax请求遇到跨域问题,也让后端小伙伴设置了跨域允许,但诡异的事情是在前端小伙伴的微信开发者工具中Network headers中看到了两行:Access-Control-Allow-Origin,其中居然出现了:"Access-Control-Allow-Origin:*":

但在我电脑上的微信开发者工具却是正常,并没有"Access-Control-Allow-Origin:*":

而后端小伙伴在ng中确实也去掉了"Access-Control-Allow-Origin:*"的设置,设定成指定的域名。

二、问题排查

微信开发者工具版本是一致的,为了排除客户端的差异引起的影响,确定是否是后端的设置问题,使用了CURL来进行请求,查看返回的请求头信息:

复制代码
curl -i -H "Content-Type:application/json" -X POST -d '{"xxx":"xx"}' http://xxx

可以看到请求返回的headers确实带有Access-Control-Allow-Origin:*,最终排查确定是后端的代码中设置了Access-Control-Allow-Origin:*。

相关推荐
1024肥宅1 分钟前
手写 new 操作符和 instanceof:深入理解 JavaScript 对象创建与原型链检测
前端·javascript·ecmascript 6
吃肉的小飞猪12 分钟前
uniapp 下拉刷新终极方案
前端
关关长语14 分钟前
Vue本地部署包快速构建为Docker镜像
前端·vue.js·docker
jump68016 分钟前
react的事件优先级
前端
soda_yo19 分钟前
浅拷贝与深拷贝: 克隆一只哈基米
前端·javascript·面试
冴羽25 分钟前
Nano Banana Pro 零基础快速上手
前端·人工智能·aigc
幼儿园技术家34 分钟前
浏览器加载html、css、js的顺序
前端
爱分享的鱼鱼1 小时前
Vue生命周期钩子详解与实战应用
前端·vue.js
晴殇i1 小时前
CSS Grid 与 Flexbox:现代前端布局的双子星
前端·css
曹卫平dudu1 小时前
一起学习TailWind Css
前端·css