跨域问题花式踩坑（一）

最新推荐文章于 2024-08-23 18:57:37 发布

nonameche

最新推荐文章于 2024-08-23 18:57:37 发布

阅读量259

点赞数

分类专栏：花式踩坑文章标签： ajax vue.js javascript

本文链接：https://blog.csdn.net/weixin_44042436/article/details/106140380

版权

在尝试前端自定义分享内容时遇到了跨域问题。经过研究发现，单纯使用星号*无法实现携带Cookie的跨域请求。解决方案在于CORS设置，包括Access-Control-Allow-Credentials字段的启用和Access-Control-Allow-Origin的精确指定。理解这一机制后，无论是阻止还是允许Cookie发送，都有了明确的操作指南。

摘要由CSDN通过智能技术生成

踩坑惨状

平时微信分享配置文件都是后台配置好放到服务器上，前端直接引用，后续因业务需要，更改为可自定义分享内容，通过前端接收后台配置，来实现自定义分享，此时单纯的我还不知道，一个大坑正在前方等待着我的到来……

Access to XMLHttpRequest at 'http://map.museum.chaoxing.com/beacon/config?urlhttp://file.museum.chaoxing.com/frontendTest/standard/index.html#/' from origin 'http://file.museum.chaoxing.com' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: 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.