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

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

日期:2024年12月28日

作者:任聪聪

报错现象:

报文信息:CORS error xhr请求

问题原因:

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

解决办法:

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

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

配置参数信息:

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

再次运行后:

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

相关推荐
pengyu19 分钟前
系统化掌握Flutter组件之Transform:空间魔法师
android·flutter·dart
坚果的博客1 小时前
鸿蒙版Flutter快递查询助手
flutter·华为·harmonyos
晴天学长3 小时前
一个多功能的GetX 项目代码生成工具
前端·flutter
蜡笔小新..3 小时前
Windows下配置Flutter移动开发环境以及AndroidStudio安装和模拟机配置
windows·flutter
顾林海6 小时前
深入理解 Dart 函数:从基础到高阶应用
android·前端·flutter
A0微声z6 小时前
从0到1掌握Flutter(二)环境搭建与认识工程
flutter
SoaringHeart7 小时前
Flutter进阶:局部嵌套导航实现 Navigator
前端·flutter
张风捷特烈8 小时前
Trae&Flutter | 助力 TolyUI 模块管理与发布
android·flutter·trae
恋猫de小郭9 小时前
再聊 Flutter Riverpod ,注解模式下的 Riverpod 有什么特别之处,还有发展方向
android·前端·flutter
LinXunFeng20 小时前
Flutter - iOS编译加速
flutter·xcode·apple