自学内容网 自学内容网

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

本篇文章主要讲解,Flutter调试环境情况下,浏览器调试报错跨域问题的解决方法,通过本篇文章你可以快速掌握Flutter调试环境情况下的跨域问题。
日期:2024年12月28日
作者:任聪聪

报错现象:

在这里插入图片描述
报文信息:CORS error xhr请求

问题原因:

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

解决办法:

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

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

在这里插入图片描述
配置参数信息:

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

再次运行后:
在这里插入图片描述
显示上述内容后即可进行,正常的请求操作:
在这里插入图片描述


原文地址:https://blog.csdn.net/hj960511/article/details/144797211

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!