Flutter Web项目外部修改资源文件运行时无法实时更新如何解决

问题根因 #

你当前方案失效的核心原因是：rootBundle.loadString读取的是Flutter编译阶段打包进应用的静态资源副本：

• 调试阶段：dev server会把assets资源缓存到内存，不会和本地原文件实时同步
• 发布阶段：assets资源会被打包到构建产物中，固化内容无法修改
• Web端额外存在浏览器静态资源缓存机制，就算资源更新也可能读取到旧内容

可行解决方案 #

不要将配置文件声明为assets资源，改为通过HTTP请求读取动态托管的配置文件，分开发调试和线上发布两种场景处理： #

1. 开发调试阶段 #

直接将config.yml放到项目的web目录下，Flutter Web的dev server会直接托管该目录下的所有文件，本地修改文件后dev server会自动同步最新内容。
读取代码示例（Web专用）：

import 'dart:html' as html;

Future<List<String>> readConfig() async {
  // 请求路径加时间戳，强制跳过浏览器缓存
  final req = await html.HttpRequest.request(
    '/config.yml?t=${DateTime.now().millisecondsSinceEpoch}',
    requestHeaders: {'Cache-Control': 'no-cache'}
  );
  final String configContent = req.responseText;
  // 直接拆分字符串即可，不需要多余的json编解码
  return configContent.split('\n');
}

配置调整：

• 移除pubspec.yaml中assets下的../../config.yml声明
• 将config.yml移动到项目根目录的web文件夹中

你之前设置的定时读取逻辑可以保留，每次调用上述方法都能拿到最新修改的配置内容。 #

2. 线上发布阶段 #

将config.yml上传到你自己的静态资源服务器/CDN，修改上述代码中的请求地址为线上配置文件的完整URL，同样保留时间戳参数避免缓存，即可实现线上运行时动态更新配置，不需要重新发布Flutter Web应用。

原有代码冗余说明 #

你现有代码中的json.encode(data)、json.decode(test)两步完全多余，rootBundle.loadString返回值本身就是字符串类型，可直接调用split('\n')方法。

内容的提问来源于stack exchange，提问作者Paladin