uniapp 如何清除缓存

在uniapp开发中，如何彻底清除应用的缓存数据？我在调试时发现即使调用了uni.clearStorage()方法，部分缓存仍然存在，比如网络请求的缓存和图片缓存。请问有没有更全面的清除方案？需要兼容iOS和Android平台。

2 回复

在uniapp中清除缓存，可以调用uni.clearStorage()方法。这会清空本地存储的所有数据，包括使用uni.setStorage存储的内容。如果需要同步清除，可以使用uni.clearStorageSync()。


在 UniApp 中，清除缓存的方法取决于你要清除的具体缓存类型。以下是常见的几种缓存清除方式：

1. 清除数据缓存（Storage）

使用 uni.removeStorage 或 uni.removeStorageSync 清除指定的本地存储数据。

示例代码：

// 异步清除指定 key 的缓存
uni.removeStorage({
  key: 'your_storage_key',
  success: () => {
    console.log('缓存清除成功');
  }
});

// 同步清除
uni.removeStorageSync('your_storage_key');

若要清除所有 Storage 数据，需遍历所有 key 并逐个删除：

// 异步方式
uni.getStorageInfo({
  success: (res) => {
    res.keys.forEach(key => {
      uni.removeStorage({ key });
    });
  }
});

// 同步方式
const storageInfo = uni.getStorageInfoSync();
storageInfo.keys.forEach(key => {
  uni.removeStorageSync(key);
});

2. 清除文件缓存

如果缓存涉及本地文件，可使用 uni.removeSavedFile 清理。

示例代码：

// 获取文件列表并删除
uni.getSavedFileList({
  success: (res) => {
    res.fileList.forEach(file => {
      uni.removeSavedFile({
        filePath: file.filePath
      });
    });
  }
});

3. 清除网络图片缓存（仅部分平台支持）

在 App 端，可使用 uni.clearImageCache() 清除网络图片缓存：

uni.clearImageCache();

4. 清除 Webview 缓存（App 端）

若应用内嵌 Webview，可调用：

// 获取 Webview 对象后执行
webview.clearCache();

注意事项：

  • 平台差异：部分 API（如 clearImageCache）仅支持 App 端，使用前需用 #ifdef APP-PLUS 做条件编译。
  • 用户数据：清除 Storage 可能影响用户登录状态或个性化设置，建议提供选择性清除选项。
  • 测试验证：清除后建议重启应用确认效果。

根据你的具体需求选择合适的清除方式即可。

回到顶部