Flutter Web 项目网络请求报 XMLHttpRequest error 解决方案

7月前作者：邵神仙分类：Toy博客阅读(23) 违法举报

这篇具有很好参考价值的文章主要介绍了Flutter Web 项目网络请求报 XMLHttpRequest error 解决方案。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

使用http库进行简单的网络请求时，运行在Chrome浏览器上，网络请求一直报错 XMLHttpRequest error，而在iOS 模拟器上运行则正常，后面在postman上发送请求，也是正常的。这就是很尴尬了！！！
经多番查阅，是跨域问题，解决方案如下：

1.找到flutter sdk目录

2.然后找到flutter\packages\flutter_tools\lib\src\web\chrome.dart文件并打开
Flutter Web 项目网络请求报 XMLHttpRequest error 解决方案,flutter
3.找到’–disable-extensions’位置，然后添加’–disable-web-security’

4.另外还需要到flutter\bin\cache目录下，删除flutter_tools.stamp和flutter_tools.snapshot的文件，否则改动不生效

5.如果找不到4种的两个文件，在终端运行以下两个命令：

flutter clean

flutter run -d chrome

再去删除4中的两个文件，这样问题就解决了。文章来源地址https://www.toymoban.com/news/detail-681710.html

到了这里，关于Flutter Web 项目网络请求报 XMLHttpRequest error 解决方案的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

Flutter中的http网络请求

} 以上代码中httpClient.getUrl(uri)方法即是根据uri发起get请求，post请求用法和get请求只是调用方法不同，包括参数设置等其他用法都一样。请求抓包结果如下： get请求 post请求请求成功之后以上代码输出结果如下： I/flutter (19183): 请求成功 I/flutter (19183): responseBody={“resultcode”

2024年04月16日
浏览(21)
Flutter（十）网络请求和文件

APP目录 Android 和 iOS 的应用存储目录不同，PathProvider (opens new window)插件提供了一种平台透明的方式来访问设备文件系统上的常用位置。该类当前支持访问两个文件系统位置：临时目录: getTemporaryDirectory () ,可以使用来获取临时目录；系统可随时清除临时目录的文件。在 Andr

2024年02月10日
浏览(24)
ajax请求——XMLHttpRequest请求

个人练习笔记-----Ajax01 一、GET https://v5.crmeb.net/api/groom/list/3?page=1limit=9 ------协议：// 域名 / 地址？参数 1.xhr.open(\\\"GET\\\",\\\"https://v5.crmeb.net/api/groom/list/3?page=1limit=9\\\");对应的参数从下图中所示中获取 2.xhr.setRequestHeader(\\\"Content-Type\\\",\\\"application/json\\\");//验证身份 xhr.setRequestHeader(\\\"Authori-Z

2024年02月03日
浏览(32)
Flutter网络请求框架Dio源码分析以及封装(一)--请求流程分析

利用flutter开发app也已经有些时间了，这个过程中最多接触到的就是网络请求相关的代码。自己目前项目中使用的是现在市面上最流行的网络请求库-dio，相对于flutter自带的HttpClient来说，dio使用起来更简单，功能更强大，支持全局配置、Restful API、FormData、拦截器、请求取消、

2024年02月09日
浏览(31)
Flutter中的http网络请求，值得一看

本篇介绍Flutter中网络请求相关api的使用，Flutter在Flutter engine中提供了一个sky_engine开发工具包，其包含了一个_http的库，该库中有封装的http请求相关的各种操作类。本文我们将介绍_http相关操作类的使用和基于_http封装的三方dio网络库的使用。 _http库中的http.dart文件中封装的

2024年04月11日
浏览(27)
Flutter 笔记 | Flutter 文件IO、网络请求、JSON、日期与国际化

Dart的 IO 库包含了文件读写的相关类，它属于 Dart 语法标准的一部分，所以通过 Dart IO 库，无论是 Dart VM 下的脚本还是 Flutter，都是通过 Dart IO 库来操作文件的，不过和 Dart VM 相比，Flutter 有一个重要差异是文件系统路径不同，这是因为 Dart VM 是运行在 PC 或服务器操作系统下，

2024年02月07日
浏览(85)
XMLHttpRequest拦截请求和响应

环境： angular 实现：拦截请求向请求信息增加字段拦截响应过滤返回值响应拦截：根据angular使用的XMLHttpRequest 将对原本的请求转移到另一个将监听返回事件挂载到另一个世纪发送请求的xml上使用get set 将客户端获取的responseText和response按照自己的意愿返

2024年02月07日
浏览(23)
XMLHttpRequest对象的Get请求和Post请求的用法

GET和POST请求时的区别 GET请求提交数据是在“请求行”上提交，而POST请求是在“请求头”。所以，POST请求需要在open和send方法中添加一行代码 xxx.setRequestHeader() ，用来设置请求头的内容。功能：定义当 readyState 属性发生变化时被调用的函数功能：开启通道 open(method, url, as

2024年02月07日
浏览(31)
XMLHttpRequest 请求失败也需要给出提示

是的，当XMLHttpRequest请求失败时，给用户一个提示是一个好的做法。这可以帮助用户了解请求是否成功，如果请求失败，他们可以采取适当的行动，例如重新发送请求或与技术支持联系。以下是一些可能导致XMLHttpRequest请求失败的常见原因：网络连接问题：如果用户的网络连

2024年02月12日
浏览(34)
Flutter：web项目跨域问题解决

前后端解决系列文章目录一、Flutter web客户端解决本地环境调试跨域问题二、Flutter web客户端解决线上环境跨域问题就一句命令【--web-browser-flag \\\"--disable-web-security\\\"】，用来屏蔽浏览器域名请求同源策略配置在run/debug configurations中，使用run按钮直接运行首先确定几个信息

2024年02月02日
浏览(28)