flask pwa 项目 cors 同源策略

最新推荐文章于 2024-08-30 09:06:32 发布

阿豪boy

最新推荐文章于 2024-08-30 09:06:32 发布

阅读量100

点赞数

文章标签： http java js ajax cookie

本文链接：https://blog.csdn.net/qq_35516360/article/details/122065584

版权

本文探讨了在Flask PWA项目中遇到的CORS（跨源资源共享）问题及其与同源策略的关系。在PWA服务工作者（SW）尝试使用cookie进行跨域请求时，常规的跨域解决方案可能无效，需要设置`supports_credentials`为true。通过阅读，读者将了解到如何正确配置Flask以允许携带cookie的跨域请求。

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

原文链接: flask pwa 项目 cors 同源策略

上一篇: PWA 改造已有项目

下一篇: vue 创建 pwa 使用copy-webpack-plugin插件

pwa 中在sw中请求资源时, 如果需要使用cookie,一般的跨域方案会失败,必须显式指定supports_credentials为true

web.py

from flask_cors import CORS

# 一般可以跨域,但在pwa中的fetch请求时失败   
# CORS(app)

# 显式设置,支持所有情况
CORS(app, supports_credentials=True)

http.js

//credentials 是Request接口的只读属性，用于表示用户代理是否应该在跨域请求的情况下从其他域发送cookies。这与XHR的withCredentials 标志相似，不同的是有三个可选值（后者是两个）：
//
// omit: 从不发送cookies.
// same-origin: 只有当URL与响应脚本同源才发送 cookies、 HTTP Basic authentication 等验证信息.(浏览器默认值,在旧版本浏览器，例如safari 11依旧是omit，safari 12已更改)
// incl