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

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

日期:2024年12月28日

作者:任聪聪

报错现象:

报文信息:CORS error xhr请求

问题原因:

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

解决办法:

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

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

配置参数信息:

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

再次运行后:

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

相关推荐
kirk_wang8 小时前
Flutter艺术探索-Flutter调试工具:DevTools使用指南
flutter·移动开发·flutter教程·移动开发教程
小雨下雨的雨9 小时前
Flutter 框架跨平台鸿蒙开发 —— SingleChildScrollView 控件之长内容滚动艺术
flutter·ui·华为·harmonyos·鸿蒙
牛马11110 小时前
Flutter 多语言
前端·flutter
getapi11 小时前
在 Google Play 上更新你已上架的 Flutter 应用
flutter·googlecloud·web app
奋斗的小青年!!12 小时前
Flutter跨平台开发适配OpenHarmony:文件系统操作深度实践
flutter·harmonyos·鸿蒙
西西学代码14 小时前
Flutter---路径管理器项目
flutter
奋斗的小青年!!14 小时前
Flutter跨平台开发OpenHarmony应用:个人中心实现
开发语言·前端·flutter·harmonyos·鸿蒙
LawrenceLan14 小时前
Flutter 零基础入门(十五):继承、多态与面向对象三大特性
开发语言·前端·flutter·dart
Rysxt_14 小时前
Flutter与UniApp底层逻辑深度对比
flutter·uni-app