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

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

日期:2024年12月28日

作者:任聪聪

报错现象:

报文信息:CORS error xhr请求

问题原因:

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

解决办法:

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

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

配置参数信息:

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

再次运行后:

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

相关推荐
不爱吃糖的程序媛8 小时前
Flutter 与 OpenHarmony 通信:Flutter Channel 使用指南
前端·javascript·flutter
用户661166552965211 小时前
Futter3 仿抖音我的页面or用户详情页
flutter
Haha_bj11 小时前
Flutter ——device_info_plus详解
android·flutter·ios
前端小伙计11 小时前
Android/Flutter 项目统一构建配置最佳实践
android·flutter
微祎_12 小时前
Flutter for OpenHarmony:形状拼图游戏开发全指南 - 基于Flutter CustomPaint的可拖拽矢量拼图实现与设计理念
flutter
不爱吃糖的程序媛13 小时前
解锁Flutter鸿蒙开发新姿势——flutter_ohfeatures插件集实战指南
flutter
一只大侠的侠13 小时前
React Native开源鸿蒙跨平台训练营 Day16自定义 useForm 高性能验证
flutter·开源·harmonyos
子春一14 小时前
Flutter for OpenHarmony:绿氧 - 基于Flutter的呼吸训练应用开发实践与身心交互设计
flutter·交互
ujainu14 小时前
告别杂乱!Flutter + OpenHarmony 鸿蒙记事本的标签与分类管理(三)
android·flutter·openharmony
ZH154558913114 小时前
Flutter for OpenHarmony Python学习助手实战:API接口开发的实现
python·学习·flutter