移动端浏览器localStorage非完全持久，求iOS Safari存储JWT的可靠方案

• HttpOnly + Secure Cookie
  这是目前最稳妥的方案之一。将JWT存储到带HttpOnly属性的Cookie中，同时开启Secure（仅HTTPS传输）、SameSite（防范CSRF攻击）属性。iOS Safari对Cookie的持久化优先级高于localStorage，系统内存不足时不会优先清理Cookie。需要注意Cookie有4KB左右的大小限制，所以JWT的payload不能过于庞大，后端也需要配合实现Cookie的校验逻辑。

• IndexedDB
  IndexedDB是浏览器提供的大容量异步存储API，存储上限远高于localStorage（通常可达几十MB），iOS Safari对它的持久化支持更为可靠，被系统清理的概率极低。可以封装简单的异步方法完成JWT的存取操作，示例代码如下：

  // 存储JWT到IndexedDB
  function saveJwtToIndexedDB(jwt) {
    return new Promise((resolve, reject) => {
      const request = indexedDB.open('AuthStorage', 1);
      request.onupgradeneeded = (event) => {
        const db = event.target.result;
        // 创建存储对象
        db.createObjectStore('tokens', { keyPath: 'id' });
      };
      request.onsuccess = (event) => {
        const db = event.target.result;
        const transaction = db.transaction('tokens', 'readwrite');
        const store = transaction.objectStore('tokens');
        store.put({ id: 'userToken', value: jwt });
        transaction.oncomplete = () => {
          db.close();
          resolve();
        };
        transaction.onerror = (err) => reject(err);
      };
      request.onerror = (err) => reject(err);
    });
  }
  
  // 从IndexedDB读取JWT
  function getJwtFromIndexedDB() {
    return new Promise((resolve, reject) => {
      const request = indexedDB.open('AuthStorage', 1);
      request.onsuccess = (event) => {
        const db = event.target.result;
        const transaction = db.transaction('tokens', 'readonly');
        const store = transaction.objectStore('tokens');
        const getRequest = store.get('userToken');
        getRequest.onsuccess = () => {
          db.close();
          resolve(getRequest.result?.value || null);
        };
        getRequest.onerror = (err) => reject(err);
      };
      request.onerror = (err) => reject(err);
    });
  }
  

  虽然原生API稍显繁琐，但可以借助localForage这类库简化操作，同时兼容更多浏览器环境。

• Web SQL（限特定场景使用）
  Web SQL是基于SQL的存储方案，iOS Safari长期支持该API，存储稳定性较好。但它已被W3C标记为废弃标准，仅部分浏览器兼容，因此仅适合只针对iOS Safari的封闭场景，不推荐作为跨浏览器通用方案。

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