在 VS Code 上使用 Chrome Web 时出现“XMLHttpRequest”错误

Getting "XMLHttpRequest" error while using Chrome Web on VS Code

提问人:Hasani 提问时间:12/20/2021 更新时间:12/20/2021 访问量:529

问:

当我使用 VS Code 在 Chrome Web 上启动我的应用程序并尝试向后端发送请求时,它给了我并且不起作用。httpXMLHttpRequest error

当我在 Android Emulator 上启动该应用程序时,它可以正常工作。此外,我尝试在我的后端应用程序中添加 Allow-All-Origins 和其他 CORS 选项,但仍然收到相同的错误。

我还尝试在 Chrome Web 上停用 CORS,但它也不起作用。我不知道是否有必要添加我尝试过但没有得到答案的解决方案,但我也想知道是 Flutter 还是 Chrome 网页的 Bug 或问题?

flutter visual-studio-code xmlhttprequest chrome-web-driver

评论


答:

0赞 Hasani 12/20/2021 #1

我更改了以下代码行:

final url = Uri.parse('http://10.0.2.2:8000/api/$urlSegment');

如下图所示:

final url = Uri.parse('http://127.0.0.1:8000/api/$urlSegment');

问题似乎已经解决,但我不确定它是否是正确的解决方案?

0赞 Tejas Patel 12/20/2021 #2

您需要在后端文件的标头中添加代码。

添加或更改标头代码

“访问控制允许来源”: “*”,

“Access-Control-Allow-Methods”: “POST, GET, OPTIONS, PUT, DELETE, HEAD”,

评论

0赞 Hasani 12/21/2021
我使用 Deno 后端,我认为它没有这样的标头。它也使用并尝试过,但没有奏效。最后,我将请求地址更改为下面的答案,它起作用了!oakcors
1赞 Tejas Patel 12/21/2021
好。我也遇到过与PHP相同的问题,我使用“Access-Control-Allow-Origin”解决了这个问题。