Flask中的CORS解决方案

简介: 前端与后端分处不同的域名,这就涉及到跨域访问数据的问题,因为浏览器的同源策略,默认是不支持两个不同域间相互访问数据,而我们需要在两个域名间相互传递数据,这时我们就要为后端添加跨域访问的支持


前端与后端分处不同的域名,这就涉及到跨域访问数据的问题,因为浏览器的同源策略,默认是不支持两个不同域间相互访问数据,而我们需要在两个域名间相互传递数据,这时我们就要为后端添加跨域访问的支持


安装:


pip install -U flask-cors


允许所有路由上所有域使用CORS


from flask import Flask
from flask_cors import CORS
app = Flask(__name__)
CORS(app)
@app.route("/")
def helloWorld():
  return "Hello, cross-origin-world!"


指定特定的CORS


app = Flask(__name__)
cors = CORS(app, resources={r"/api/*": {"origins": "*"}})
@app.route("/api/v1/users")
def list_users():
  return "user example"


CORS(app)中的参数


CORS(app, origins=None, methods=None, supports_credentials=False)
"""
origins: 允许来自的来源或原始列表。原点可以是正则表达式,区分大小写的字符串,也可以是星号.
允许来源用于非简单请求的方法或方法列表。类似于django中的CORS_ORIGIN_REGEX_WHITELIST;
methods: 跨域请求允许的请求方法,相当于django中的CORS_ALLOW_METHODS;
supports_credentials: 为True,允许用户进行经过身份验证的请求。允许跨域提交cookie。
"""
目录
相关文章
|
6月前
|
前端开发 API 数据安全/隐私保护
Web前端开发中的跨域资源共享(CORS)解决方案
【2月更文挑战第5天】在Web前端开发中,跨域资源共享(CORS)是一个常见的挑战。本文将探讨CORS的概念和原理,并介绍一些常用的解决方案,包括服务器端配置和前端处理方法,帮助开发者更好地应对跨域请求问题。
265 4
|
6月前
|
前端开发 开发者
前端开发中的跨域资源共享(CORS)解决方案探讨
【2月更文挑战第2天】跨域资源共享(CORS)是前端开发中常见的问题,本文将深入探讨CORS的原理及解决方案,包括简单请求、预检请求以及常用的CORS解决方案,为前端开发者提供深入的理解和应对CORS问题的有效方法。
104 1
|
前端开发 JavaScript
CORS跨域资源共享及解决方案
CORS跨域资源共享及解决方案
235 0
|
1月前
|
前端开发 安全 JavaScript
Flask 中的跨域难题:定义、影响与解决方案深度解析
Flask 中的跨域难题:定义、影响与解决方案深度解析
79 0
|
6月前
|
前端开发 安全 开发者
前端开发中的跨域资源共享(CORS)问题及解决方案探讨
在前端开发中,跨域资源共享(CORS)是一个常见且重要的问题。本文将深入探讨CORS的原理、影响以及解决方案,帮助开发者更好地应对跨域请求问题。
|
6月前
|
JavaScript 前端开发 安全
JavaScript中跨域资源共享(CORS):原理和解决方案
【4月更文挑战第22天】本文介绍了JavaScript中跨域资源共享(CORS)的原理和解决方案。CORS借助HTTP头部字段允许跨域请求,核心是Access-Control-Allow-Origin响应头。解决方案包括:服务器端设置响应头(如使用Express.js的cors中间件)、使用代理服务器或JSONP。现代Web开发推荐使用CORS,因为它更安全、灵活,而JSONP已逐渐被淘汰。理解并正确实施CORS能提升Web应用性能和安全性。
|
6月前
|
前端开发 JavaScript
CORS跨域资源共享及解决方案
CORS跨域资源共享及解决方案
61 0
|
移动开发 前端开发 JavaScript
跨域解决方案CORS
跨域解决方案CORS
176 0
|
安全 搜索推荐 前端开发
Cors跨域(四):解决方案对决JSONP vs CORS(下)
Cors跨域(四):解决方案对决JSONP vs CORS(下)
Cors跨域(四):解决方案对决JSONP vs CORS(下)
|
Web App开发 JSON JavaScript
Cors跨域(四):解决方案对决JSONP vs CORS(上)
Cors跨域(四):解决方案对决JSONP vs CORS(上)
Cors跨域(四):解决方案对决JSONP vs CORS(上)