reactjs - 会话 cookie 不与 XHR 请求一起发送
问题描述
我的反应应用程序(来自域 react-app.com)加载在网站 beautiful-site.com 中,并且从反应应用程序发送的请求不会发送与其关联的会话 cookie。
我的解决方法是在服务器中添加了以下标头,并在发送的响应应用程序 XHR 请求中添加了withCredentials: true
Access-Control-Allow-Origin: https://beautiful-site.com
Access-Control-Allow-Credentials: true
问题是我可以在 中指定一个特定站点Access-Control-Allow-Origin
,因为反应应用程序将被添加到许多站点而不是一个。
有什么方法可以从 React 应用程序发送会话 cookie?
解决方案
答案是否定的,但您有解决方法:当您设置 withCredentials 时,您不能拥有Access-Control-Allow-Origin: *
.
修复必须在服务器端完成:您的 API 服务必须在 中返回请求的域Access-Control-Allow-Origin
,通常取自Origin
标头。
请参阅请求的资源上不存在“Access-Control-Allow-Origin”标头 - 当尝试从 REST API 获取数据时(如何修复“Access-Control-Allow-Origin 标头不能是通配符”问题小节) 了解技术细节。
推荐阅读
- python - 在 Jupyter Notebook 中将数据帧导出到乳胶时的逐字问题
- vue.js - 使用 VueLayers 显示静态地图
- django - localhost:8000 工作,但 mywebsite:8000 修改 etc/hosts 不起作用
- sql-server - 在 TSQL select 语句中声明和使用变量如何给出不同的结果
- python - 如果字典值在字典列表中多次存在,则从列表中删除特定字典
- python - "errorMessage": "没有编码的字符串参数",
- ansible - Ansible jinja 2 模板值不应该改变
- spring - Externalise - spring cloud config server 多个 git repo 配置
- perl - 在 Perl 中正确显示 UTF-8 字符
- javascript - 有没有办法覆盖单元格之间导航的默认行为?