javascript - 将我的 API token 存储在本地存储中是将 token 括在双引号中

Question

当我的 API 返回 session token 时，我使用此函数将其保存在本地存储中:

export const storeItem = (key: string, item: any) => {
  if (!localStorage) return;

  try {
    return localStorage.setItem(key, JSON.stringify(item));
  } catch (err) {
    console.error(`Error storing item ${key} to localStoragee`, err);
  }
};

我调用我的react redux操作:

storeItem('authToken', resp.data.token);

奇怪的是，当 token 保存在我的本地存储中并且我在 Chrome 开发工具中查看它时， token 会用双引号引起来，例如:

"abc123"

然后，当我将查询字符串中的这个 token 传递给我的 API 时，它看起来像:

token="abc"

(但双引号用%22编码)

为什么会发生这种情况？我该如何删除这些引号？

更新我正在像这样构建查询字符串:

let authToken = localStorage.getItem('authToken');
let url = API_ROOT + '/sessions/destroy?token=' + authToken;


export const getItemFromStorage = (key: string) => {
  if (!localStorage) return;

  try {
    return JSON.parse(localStorage.getItem(key));
  } catch (err) {
    console.error(`Error getting item ${key} from localStorage`, err);
  }
};

Answer 1

您将字符串化为 JSON(添加 ")，而不是进行解析。

您应该在读取 localStorage 时进行解析(但它看起来没用)。或者只存储字符串而不将其编码为 JSON。