如何阻止Tauri应用在文件变更后自动重载?
解决Tauri开发模式下图片修改触发应用刷新的问题
方法1:修改Tauri配置文件排除目标图片路径
Tauri开发模式下默认会监听静态资源变化,触发热重载。你可以在tauri.conf.json的build字段中添加ignoreAssets配置,指定不需要监听的图片目录或文件:
{ "build": { "ignoreAssets": [ "src/assets/dynamic-images/**/*", // 忽略整个动态图片目录 "src/assets/target-image.png" // 忽略单个特定图片文件 ] } }
配置完成后重启Tauri开发服务,后续修改这些路径下的图片就不会触发应用刷新了。
方法2:动态加载时添加随机参数(辅助方案)
如果需要实时显示最新图片,同时避免浏览器缓存旧内容,可以在图片URL后追加随机时间戳参数,配合上面的配置使用效果更佳:
// 假设imagePath是你的图片路径 const updatedImageUrl = `${imagePath}?t=${Date.now()}`;
注意事项
- 修改配置文件后必须重启开发服务才能生效
- 生产模式下Tauri不会启用热重载机制,该问题仅存在于开发阶段
内容的提问来源于stack exchange,提问作者qub3
相关产品推荐
相关产品推荐

