<p>我正在编写一个Flask的POST请求处理程序来添加一个CLIENT。</p>
<pre class="brush:php;toolbar:false;">app = Flask(__name__)
CORS(app)
@app.post("/api/clients/")
def addClient():
data = open('./src/clients.json', 'w+')
clients = json.load(data)
req = json.loads(request.data)
clients.append(req)
json.dump(clients, data)
data.close()
return req</pre>
<p>但是当我在浏览器中执行这个Javascript的<code>fetch()</code> API时：</p>
<pre class="brush:php;toolbar:false;">let u = "http://url/api/clients/n1/"
let b = {
"client": "n1",
"details": {
"address1": "Line1",
"address2": "line2",
"city": "city",
"email": "@",
"gst": "gstno"
}
}
const addStudent = async (us, c) => {
const response = await fetch(us, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: c,
});
const data = await response.json();
console.log(data);
};
addStudent(u, b);</pre>
<p>浏览器控制台显示以下错误：</p>
<blockquote>
<p>访问'url/api/clients/'的fetch被阻止了，因为源'null'没有'Access-Control-Allow-Origin'头。如果一个不透明的响应满足您的需求，请将请求的模式设置为'no-cors'以禁用CORS获取资源。</p>
</blockquote>
<p>供参考，这些是Flask命令行中提到的错误：</p>
<blockquote>
<p>127.0.0.1 - - [2023 年 3 月 26 日 18:09:05] “POST /api/clients/ HTTP/1.1” 500 -
回溯（最近一次调用最后一次）：
文件“E:\All_Codes\WEB_DEV\excel-o-meter\venv\lib\site-packages\flask\app.py”，第 2551 行，<strong>调用</strong>
返回 self.wsgi_app（环境，start_response）
文件“E:\All_Codes\WEB_DEV\excel-o-meter\venv\lib\site-packages\flask\app.py”，第 2531 行，在 wsgi_app 中
响应 = self.handle_exception(e)
文件“E:\All_Codes\WEB_DEV\excel-o-meter\venv\lib\site-packages\flask_cors\extension.py”，第 165 行，位于wrapped_function 中
返回 cors_after_request(app.make_response(f(*args, **kwargs)))
文件“E:\All_Codes\WEB_DEV\excel-o-meter\venv\lib\site-packages\flask\app.py”，第 2528 行，在 wsgi_app 中
响应 = self.full_dispatch_request()
文件“E:\All_Codes\WEB_DEV\excel-o-meter\venv\lib\site-packages\flask\app.py”，第 1825 行，在 full_dispatch_request 中
rv = self.handle_user_exception(e)
文件“E:\All_Codes\WEB_DEV\excel-o-meter\venv\lib\site-packages\flask_cors\extension.py”，第 165 行，位于wrapped_function 中
返回 cors_after_request(app.make_response(f(*args, **kwargs)))</p>
</blockquote>
<p><strong>我是否需要添加特定的头部，如上述所述，或者我在Flask端存在一些错误？</strong>
命令行中的最后一行似乎给出了CORS错误。</p>
1
1065
收藏
你能否尝试一下并检查一下？
方法1
安装flask-cors
然后在应用程序初始化之后，使用默认参数初始化flask-cors：
from flask import Flask from flask_cors import CORS app = Flask(__name__) CORS(app) @app.route("/") def helloWorld(): return "Hello, cross-origin-world!"更新
方法2
如果你不想使用任何额外的包，你也可以这样做
@app.route('your own route', methods=['GET']) def yourMethod(params): response = flask.jsonify({'somekey': 'somevalue'}) # 注意：理想情况下，'*' 应该被替换为你的主机来源 response.headers.add('Access-Control-Allow-Origin', '*') return response我建议请尝试使用以下代码来定义你的端点
@app.route("/api/clients/", methods=['POST'])而不是
@app.post("/api/clients/")参考链接 - Flask http methods