由于 CORS 策略阻止，我收到错误 Flutter wev

Question

我正在使用 flutter 创建一个 Web 应用程序，在访问 API 时遇到此错误我不知道出了什么问题我正在使用 .NET 作为后端，该后端与 SAP 连接以获取数据。有人可以告诉我如何解决这个问题吗：-

访问“API_URL”处的 XMLHttpRequest 来自原点“http://localhost:64848”已被 CORS 策略阻止：
对预检请求的响应未通过访问控制检查：
请求的资源上不存在“Access-Control-Allow-Origin”标头。

这是我的代码：-

await DioUtil.getInstance()
      .post(
    apiUrl,
    options: Options(
      headers: {'content-type': 'application/json', 'Access-Control-Allow-Origin': true, "Accept": "*/*"},
    ),
    data: body,
  )
      .then((value) {
    
      debugPrint("Status Code == " + value.statusCode.toString());
      
      } else {
        tryAgainDialog(getContractFullReport);
        setState(() {
          _isLoading = false;
        });
      }
    });
  });

我正在使用具有基本身份验证的拦截器来授权后端。

Answer 1

您可以使用此运行命令： flutter run -d chrome --web-browser-flag“--disable-web-security”

如果您使用 vscode，您可以将此参数添加到 launch.json 中： {“名称”：，“请求”：“启动”，“类型”：“dart”，“参数”：[“--web-browser-flag=--disable-web-security”]}