Python 否';访问控制允许原点';柱上集管(烧瓶API)

Python 否';访问控制允许原点';柱上集管(烧瓶API),python,post,vue.js,flask,fetch,Python,Post,Vue.js,Flask,Fetch,我正在开发我的第一个API,到目前为止,我已经能够在谷歌上寻求帮助,但我被困在这个API上: 我的POST请求在Postman上可以正常工作,但当我尝试使用HTML中的表单发出POST请求时,会出现以下错误: CORS策略已阻止在“”处从源“”获取的访问:对飞行前请求的响应未通过访问控制检查:请求的资源上不存在“访问控制允许源”标头。如果不透明响应满足您的需要,请将请求的模式设置为“no cors”,以获取禁用cors的资源 index.html:1未捕获(承诺中)类型错误:无法获取 我的烧瓶应

我正在开发我的第一个API,到目前为止,我已经能够在谷歌上寻求帮助,但我被困在这个API上:

我的POST请求在Postman上可以正常工作,但当我尝试使用HTML中的表单发出POST请求时,会出现以下错误:

CORS策略已阻止在“”处从源“”获取的访问:对飞行前请求的响应未通过访问控制检查:请求的资源上不存在“访问控制允许源”标头。如果不透明响应满足您的需要,请将请求的模式设置为“no cors”,以获取禁用cors的资源

index.html:1未捕获(承诺中)类型错误:无法获取

我的烧瓶应用程序中的方法:

@marshal_with(unit_fields)
def post(self):
    args = self.reqparse.parse_args()
    unit = models.Unit.create(**args)
    return unit, 201, {"Access-Control-Allow-Origin": "*",
                       "Access-Control-Allow-Methods": "POST",
                       "Access-Control-Allow-Headers": "Content-Type",
                       "Location": url_for("resources.units.unit", id=unit.id)}
Vue.js应用程序中的获取调用:

addUnit: function() {
       fetch("http://127.0.0.1:5000/api/v1/units", {
           method: "POST",
           headers: {
               "Content-Type": "application/json"
           },
           body: JSON.stringify({
               name: document.querySelector("#unitName").value,
               faction: document.querySelector("#unitFaction").value
           })
       })
   }

谢谢你给我的关于如何度过难关的建议:)

太棒了,谢谢你,斯蒂芬!它所需要的只是:

from flask_cors import CORS


在app.py中

你可能想看看这篇文章,他们建议你使用烧瓶cors。它不是支持您的凭证吗?
CORS(app, support_credentials=True)