【问题标题】:Getting XMLHttpRequest error when using flutter web but works in mobile app使用flutter web时出现XMLHttpRequest错误但在移动应用程序中有效
【发布时间】:2022-10-14 19:53:07
【问题描述】:

https://pastebin.com/Uy9r8bEP 我正在尝试将 web api 与 Flutter web 连接,虽然它可以在移动设备上运行,但它不能在 web 上运行。我已阅读并发现原因是因为 CORS。我尝试从 Flutter 和 Web API 端启用它(对于使用 asp.net core web api 的 web api )但它没有工作。然后我尝试从双方禁用它。仍然没有工作。这是我的标题

headers: {

          'Content-Type': 'application/json',
          "Access-Control-Allow-Origin": "*", // Required for CORS support to work
          "Access-Control-Allow-Credentials": "true", // Required for cookies, authorization headers with HTTPS
          "Access-Control-Allow-Headers": "Origin,Content-Type,X-Amz-Date,Authorization,X-Api-Key,X-Amz-Security-Token,locale",
          "Access-Control-Allow-Methods": "POST, OPTIONS"
        },

Dart/Flutter:Http 请求引发 XMLHttpRequest 错误我什至添加了禁用 Web 安全性(确保也添加了逗号),但它仍然不起作用。有没有人对如何使它工作有任何其他建议?

【问题讨论】:

  • 请向我们提供您收到的确切错误消息。
  • This is the header I have...具体在哪里?它看起来像一个 JSON 对象,而不是 asp.net 应用程序的一部分。

标签: flutter asp.net-core flutter-web


【解决方案1】:
  • 在 Flutter Web 上,将您的启动器放在固定端口上。

  • 并像这样将固定域名添加到允许的字段中。

app.UseCors("CorsPolicy");

【讨论】:

  • 请不要发布代码图片,绝对没有理由不能以文本形式提供。然后人们在搜索中找到它,OP可以轻松复制它以在他们的代码中使用等。他们不能用图片来做到这一点。谢谢。
猜你喜欢
  • 1970-01-01
  • 2021-02-04
  • 1970-01-01
  • 2020-07-13
  • 1970-01-01
  • 2021-08-06
  • 2021-06-28
  • 2021-07-19
  • 1970-01-01
相关资源
最近更新 更多