uniapp 清理缓存

uniapp 清理缓存的方法是通过调用clearCache()函数来实现的。该函数先判断设备的操作系统类型，如果是Android系统，则通过获取缓存目录，递归删除其中的所有文件和子目录来清理缓存；如果是iOS系统，则直接调用plus.cache.clear()函数清理缓存。另外，清理缓存的过程中还会调用formatSize()函数来重新计算缓存大小并显示。

相关问题

uniapp清理页面缓存

要清理uniapp页面缓存，可以按照以下步骤进行操作：

1. 在HTML部分，添加一个触发清理缓存操作的按钮：

<view class="li" @click="clearStorage">清理缓存 <text class="current-size">{{currentSize}}</text> <uni-icons type="arrowright" size="18" color="#ddd" class="fr"></uni-icons></view>

2. 在script的js部分，定义清理缓存相关的方法和获取缓存大小的方法：

data() {
  return {
    storageSize: '0M',
  }
},
onLoad() {
  this.getStorageSize() //获取缓存
},
methods: {
  //获取app的缓存大小
  getStorageSize: function () {
    let that = this;
    uni.getStorageInfo({
      success(res) {
        let size = res.currentSize;
        if (size < 1024) {
          that.storageSize = size + ' B';
        } else if (size / 1024 >= 1 && size / 1024 / 1024 < 1) {
          that.storageSize = Math.floor(size / 1024 * 100) / 100 + ' KB';
        } else if (size / 1024 / 1024 >= 1) {
          that.storageSize = Math.floor(size / 1024 / 1024 * 100) / 100 + ' M';        }
      }
    })
  },
  //删除缓存
  clearStorage: function () {
    let that = this;
    uni.showModal({
      title: '提示',
      content: '确定清除缓存吗?',
      confirmText: '立即清除',
      success(res) {
        if (res.confirm) {
          uni.clearStorageSync();
          that.getStorageSize(); //重新获取并显示清除后的缓存大小
          uni.showToast({
            title: '清除成功',
            icon: 'none'
          })
          //清除完后跳到登录页面
          setTimeout(() => {
            uni.redirectTo({
              url: '/pages/login/login',
              animationType: 'pop-in',
              animationDuration: 200
            })
          }, 1300)
        }
      }
    })
  },
}

3. 在组件里添加一个触发清理缓存的事件：

<view class="row" @click="clearStorage">
  <view class="title">清除缓存</view>
  <view class="right">
    <view class="tis tell">{{storageSize}}</view>
    <uni-icons type="arrowright" color="#C9C9C9" size="20"></uni-icons>
  </view>
</view>

uniapp 清理本地缓存

### 如何在 UniApp 中清理本地缓存

#### 使用 `uni.clearStorage` 方法清除全部本地存储

为了彻底清除所有的本地存储数据，可以调用 `uni.clearStorage()` 函数。此方法会移除所有通过 `uni.setStorageSync` 或者异步版本设置的数据项。

// 清理所有本地缓存
uni.clearStorage();
console.log('已清空所有本地缓存');

这种方法简单直接，适用于希望一次性删除所有缓存的情况[^1]。

#### 针对性地移除特定键名的缓存条目

如果只需要删除某些指定名称的缓存，则应该采用 `uni.removeStorageSync(key)` 同步函数或其对应的异步形式来进行操作：

try {
    // 移除名为 'userToken' 的单个缓存条目
    uni.removeStorageSync('userToken');
    console.log('已成功移除 userToken 缓存');
} catch (e) {
    console.error('移除缓存失败:', e);
}

这种方式允许更精细地控制哪些数据被保留而哪些需要被清除。

#### 定期自动清理过期缓存机制

对于应用内存在有效期限制的数据（如登录凭证），建议实现定期检查并清理的功能。可以在每次启动时执行如下逻辑:

function clearExpiredCache() {
    const now = Date.now();

    try {
        let keys = Object.keys(uni.getStorageSync());
        
        for (let key of keys) {
            let item = JSON.parse(uni.getStorageSync(key));
            
            if (!item || !item.expirationDate || item.expirationDate <= now) {
                uni.removeStorageSync(key);
                continue;
            }

            // 更新未到期项目的存储时间戳
            item.storedAt = now;
            uni.setStorageSync(key, JSON.stringify(item));
        }
    } catch (error) {
        console.warn('处理缓存过程中出现问题', error);
    }
}

clearExpiredCache(); // 应用于 App.vue created 生命周期钩子或其他合适位置

这段代码遍历当前存在的所有缓存记录，并依据预设的有效期限决定是否要将其丢弃。这样既保持了必要的历史状态又不会让无用的信息占用过多空间[^4].