Клиентский токен Apollo JWT подключается только после обновления

Question

Я сохраняю токен авторизации с сервера graphql в localStorage и прикрепляю токен к заголовку авторизации. Но после входа в систему, которая сохраняет токен в localStorage, сервер получает заголовок авторизации с нулевым значением токена. Тем не менее, я могу проверить, что токен существует в localStorage в режиме разработчика браузера. После обновления страницы сервер получает обычный заголовок авторизации. Как заставить моего клиента apollo отправлять правильный заголовок с первой попытки? Ниже приведен мой клиентский генератор apollo.

export default new ApolloClient({
  uri: "MYSERVERENDPOINT",
  clientState: {
    defaults,
    resolvers
  },
  headers: {
    Authorization: `Bearer ${localStorage.getItem("token")}`
  }
});

Answer 1

Как правило, когда вы получаете элемент из localStorage, вам лучше сделать это с помощью async / await, чтобы убедиться, что вы получили элемент, прежде чем вернуть его.

Попробуйте создать отдельный раздел, чтобы получить элемент синхронно и вернуть строкубуквально и поместите его в заголовок.