Flutter CachedNetworkImage 使用网易云链接403错误解决方案

Flutter CachedNetworkImage 使用网易云链接403错误解决方案

报错信息

依旧是熟悉的错误

dart 复制代码
======== Exception caught by image resource service ================================================
The following HttpExceptionWithStatus was thrown resolving an image codec:
HttpException: Invalid statusCode: 403, uri = https://p1.music.126.net/q7UebOEf7TUkQ_NhBZSNlg==/109951167926630292.jpg?param=512y512

When the exception was thrown, this was the stack: 
Image provider: CachedNetworkImageProvider("https://p1.music.126.net/q7UebOEf7TUkQ_NhBZSNlg==/109951167926630292.jpg?param=512y512", scale: 1.0) 
 Image key: CachedNetworkImageProvider("https://p1.music.126.net/q7UebOEf7TUkQ_NhBZSNlg==/109951167926630292.jpg?param=512y512", scale: 1.0): CachedNetworkImageProvider("https://p1.music.126.net/q7UebOEf7TUkQ_NhBZSNlg==/109951167926630292.jpg?param=512y512", scale: 1.0)

解决办法

点击查看CachedNetworkImage的源码,再查看CachedNetworkImageProvider

找到Stream<ui.Codec> _loadBufferAsync()这一个方法

点击DefaultCacheManager跳转到相关源码

点击CacheManager跳转,然后找到Future<FileInfo> downloadFile()这么一个方法

点击downloadFile方法跳转

点击_downloadOrAddToQueue(url, key, authHeaders)方法跳转

点击_updateFile(url, key, authHeaders: authHeaders))方法

点击_download(cacheObject, authHeaders)方法

点击fileFetcher这个变量

点击HttpFileService()这个方法

点击Client()这个方法,然后跳转到这个页面

点击createClient(),然后可以看到这里有两个实现类browser_client.dart io_client.dart的文件路径

然后我们返回上一个页面,也就是刚刚createClient()的页面,往上看头文件

browser_client.dart文件修改如下

找到Future<StreamedResponse> send(BaseRequest request)这个方法,添加如下代码

dart 复制代码
request.headers.remove("user-agent", "Dart/3.1 (dart:io)");

io_client.dart文件修改如下

找到Future<IOStreamedResponse> send(BaseRequest request)这个方法,添加如下代码

dart 复制代码
ioRequest.headers.remove("user-agent", "Dart/3.1 (dart:io)");

至此修复完成

相关推荐
爱上好庆祝2 小时前
学习js的第七天(wed APIs的开始)
前端·javascript·css·学习·html·css3
KaMeidebaby3 小时前
卡梅德生物技术快报|冻干工艺开发:注射用心肌肽全流程参数优化与工程化方案
前端·其他·百度·新浪微博
Moment4 小时前
面试官:如果产品经理给你多个需求,怎么让AI去完成❓❓❓
前端·后端·面试
每天吃饭的羊4 小时前
JSONP
前端
gogoing4 小时前
ESLint 配置字段说明
前端·javascript
gogoing4 小时前
CSS 属性值计算过程(Computed Value)
前端·css
gogoing4 小时前
webpack 的性能优化
前端·javascript
桃花键神4 小时前
Bright Data Web Scraping指南 2026: 使用 MCP + Dify 自动采集海外社交媒体数据
大数据·前端·人工智能
gogoing4 小时前
await fetch() 的两阶段设计
前端·javascript
gogoing4 小时前
前端首屏加载优化
前端·javascript