Axios发布请求被烧瓶制成的api拒绝。出现CORS错误

Question

我正在尝试通过flask创建的API从我的react应用程序中添加用户。但是发布请求出错，并出现以下错误。

[[[[0]]的来源已被CORS策略阻止：飞行前响应中的Access-Control-Allow-Headers不允许请求标头字段access-control-allow-origin。

以下是我的axios代码

http://localhost:5000/api/v1.0/add

以下是我的烧瓶代码

http://localhost:3000

[请帮我解决错误，对此一无所知。

Answer 1

如果您不熟悉此功能，建议您仅将

const params = { 
        user_name  : '5678234121',
        passwd    : 'password',
        location   : 'Kolkata',
        pin_code   : '700019',
        secret_ques: 'What is your mother s maiden name?',
        answr       : 'aba',
        status      : 'Active',
        remarks    : 'test data'
     };

  const res = await Axios.post(
    'http://localhost:5000/api/v1.0/add', params, {  
    headers: {
      'content-type': 'application/json',
      'Access-Control-Allow-Origin' : '*',
      'Access-Control-Allow-Methods' : 'GET,PUT,POST,DELETE,PATCH,OPTIONS',
   },
  });

  console.log(res.data);

添加到您的应用程序中，而不要随意使用标题。