UNIapp开发中字典数据如何保存从而不需要每次请求接口

在 UNIapp 中，可以使用本地存储技术来保存字典数据，避免每次请求接口。UNIapp 提供了两种本地存储方式：本地存储和缓存。其中本地存储可以使用 uni.setStorageSync 和 uni.getStorageSync 方法来实现，缓存可以使用 uni.setStorage 和 uni.getStorage 方法来实现。

具体实现方法如下：

1. 在请求接口时，先判断本地是否已经有了字典数据，如果有，则直接使用本地缓存数据；如果没有，则请求接口获取数据，并将数据保存到本地缓存。

2. 在需要使用字典数据的地方，先从本地缓存中获取数据，如果本地缓存中没有数据，则再请求接口获取数据，并将数据保存到本地缓存。

示例代码如下：

// 请求接口获取字典数据
function getDictionaryData() {
  return new Promise((resolve, reject) => {
    // 发送请求获取字典数据
    uni.request({
      url: 'http://xxx.xxx.xxx/dictionaries',
      success: res => {
        // 将数据保存到本地缓存
        uni.setStorageSync('dictionaryData', res.data);
        resolve(res.data);
      },
      fail: err => {
        reject(err);
      }
    });
  });
}

// 获取字典数据
function getDictionary() {
  // 先从本地缓存中获取数据
  let dictionaryData = uni.getStorageSync('dictionaryData');
  if (dictionaryData) {
    return Promise.resolve(dictionaryData);
  } else {
    // 如果本地缓存中没有数据，则请求接口获取数据，并将数据保存到本地缓存
    return getDictionaryData();
  }
}

// 使用字典数据
function useDictionary() {
  getDictionary().then(data => {
    // 使用字典数据
    console.log(data);
  }).catch(err => {
    console.log(err);
  });
}

在上面的示例代码中，通过封装一个 getDictionary 方法来获取字典数据。在该方法中，先从本地缓存中获取数据，如果本地缓存中没有数据，则请求接口获取数据，并将数据保存到本地缓存。在使用字典数据时，只需要调用 useDictionary 方法即可。