Flutter 调试环境下浏览器网络请求跨域问题解决方案

本篇文章主要讲解，Flutter调试环境情况下，浏览器调试报错跨域问题的解决方法，通过本篇文章你可以快速掌握Flutter调试环境情况下的跨域问题。

日期：2024年12月28日

作者：任聪聪

报错现象：

报文信息：CORS error xhr请求

问题原因：

浏览器同源机制，应为flutter使用浏览器进行调试，故此存在这个问题，真实的生产环境应为是app所以不会有这个问题，故此我们只需要解决调试环境下的跨域问题即可。

解决办法：

方式1、后端进行配置跨域设置进行解除

方式2、idea配置如下信息进行，特定的web安全机制关闭

配置参数信息：

-d chrome --web-browser-flag "--disable-web-security"

再次运行后：

显示上述内容后即可进行，正常的请求操作：