Flask API 在删除方法中出现 CORS 错误

Question

我在 Flask 中开发了一个 Rest api。当我用邮递员测试它们时，我的所有 api 端点都工作正常。

现在，我正在使用 Javascript 开发一个应用程序，该应用程序会消耗我的 api 资源。

我在使用与删除方法一起使用的端点时遇到问题。具有 get 和 post 的端点工作正常，但删除方法则不行。我收到下一个 CORS 错误：

Access to fetch at 'http://localhost:5000/contacto' from origin 'null' 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'.

这是我的 Javascript 代码：

let data ={id: id};
let url = "http://localhost:5000/contacto";
fetch(url, {
    credentials: 'include',
    method: 'DELETE',
    headers: {
        'Content-Type': 'application/json'
    },
    body: JSON.stringify(data)
})
.then(res => res.json())
.then(res => {
    alert(res.result);
});

在服务器端，我使用flask_cors。我使用以下代码配置应用程序：

from flask import Flask, jsonify, request
from flask_cors import CORS

import controllers.userController as userController

app = Flask(__name__)
app.config['CORS_HEADERS'] = 'Content-Type'
#CORS(app)
#CORS(app, resources={r"/*": {"origins": "*"}}, send_wildcard=True)
 CORS(app, resources={r"/*": {"origins": "http://127.0.0.1:5500"}}) 

带有删除方法的服务的路径是这样的：

@app.route('/contacto', methods = ['DELETE'])
def deleteContacto():
  parametros = request.args
  id = parametros['id']
  result = contactController.eliminar_contacto(id)

 response = None
if result == True:
    response = jsonify({'result':'Contacto eliminado con éxito'})
else:
    response = jsonify({'result':'Error al eliminar el contacto'})
response.headers.add('Access-Control-Allow-Methods', 'GET,POST,PUT,DELETE,OPTIONS')
return response

我需要一些帮助。我搜索并尝试了许多可能的解决方案，但它们对我不起作用。我有点绝望了。

预先感谢并致以问候。

Answer 1

我的做法有点不同，但请确保将此选项设置为允许删除和选项方法：

'Access-Control-Allow-Methods', 'GET,POST,PUT,DELETE,OPTIONS'

我手动将它们添加到 Flask CORS 中的响应对象中

resp.headers.add('Access-Control-Allow-Methods', 'GET,POST,PUT,DELETE,OPTIONS')

，应该将其设置为默认值，但也许有些配置错误？
请参阅文档：
https://flask-cors.readthedocs.io/en/latest/configuration。 html