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

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

日期:2024年12月28日

作者:任聪聪

报错现象:

报文信息:CORS error xhr请求

问题原因:

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

解决办法:

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

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

配置参数信息:

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

再次运行后:

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

相关推荐
lichong9515 小时前
【Flutter&Dart】构建布局(1/100)
android·flutter·api·postman·smartapi·postapi·foxapi
HH思️️无邪10 小时前
Flutter-插件 scroll-to-index 实现 listView 滚动到指定索引位置
android·flutter·ios
Time@traveler17 小时前
Flutter中添加全局防护水印的实现
flutter·flutter添加全局水印·flutter水印防伪·flutter水印·flutter飞书水印效果·flutter企微水印效果
lichong95121 小时前
【Flutter&Dart】交互~创建一个有状态的widget &StatefulWidget(2/100)
flutter·yapi·交互·api·postman·dart·smartapi
Winwin1 天前
Flutter 开发速成(三)——开发一个 TodoMVC 应用
flutter
lazy_yun2 天前
flutter插件开发-ios
flutter·ios·cocoa
火柴就是我2 天前
flame forge2d 实现随机小怪以及飞镖射中爆炸
flutter
机器瓦力2 天前
Flutter应用开发:返回列表刷新并保持原始操作位置
flutter
弱水三千只取一瓢编号8809082 天前
Flutter路由工具类RouteUtils,可二次开发,拿来即用
前端·flutter·vue
迷雾漫步者2 天前
flutter组件————Row和Column
flutter·跨平台·dart