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

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

日期:2024年12月28日

作者:任聪聪

报错现象:

报文信息:CORS error xhr请求

问题原因:

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

解决办法:

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

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

配置参数信息:

复制代码
-d chrome --web-browser-flag "--disable-web-security"

再次运行后:

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

相关推荐
恋猫de小郭1 小时前
Flutter 官方 LLM 动态 UI 库 flutter_genui 发布,让 App UI 自己生成 UI
android·前端·flutter
tangweiguo030519873 小时前
FlutterActivity vs FlutterFragmentActivity:全面对比与最佳实践
android·flutter
ITKEY_3 小时前
flutter日期选择国际化支持
开发语言·javascript·flutter
农夫三拳_有点甜3 小时前
Flutter SystemChrome 完整指南
flutter
葱段3 小时前
【Flutter】TextField 监听长按菜单粘贴点击事件
android·flutter·dart
2501_919749034 小时前
flutter鸿蒙:使用flutter_local_notifications实现本地通知
flutter·华为·harmonyos
浮生若茶808813 小时前
Flutter环境搭建全攻略之-Macos环境搭建
flutter·macos
农夫三拳_有点甜18 小时前
Flutter Expanded 组件总结
flutter
火柴就是我19 小时前
跟着官方demo 学flame 之 word 坐标系以及Camera的一些属性
flutter
新镜20 小时前
【Flutter】drag_select_grid_view: ^0.6.2 使用
flutter