Не работают функции getApiToken() и setApiToken(token). В чем причина?

Question

[nastya_zholudeva]

Нужно написать функцию getApiToken() которая будет возвращать токен из свойства api_token. И также функцию setApiToken(token) которая будет в api_token прописывать новый токен после успешной авторизации и также записывать его в localStorage. Что не верно в моем коде?

let api_config = {
  api_url: API_HOST + 'api/',
  api_token: ''
}

function setApiToken(token) {
  console.log('token', token)
  api_config.api_token = token
  localStorage.setItem('token', token)
  return localStorage.setItem('token', token)
}

function getApiToken() {
  console.log('api_config.api_token', api_config.api_token)
  return api_config.api_token
}

export default {api_config, setApiToken, getApiToken}

Потом я вызываю функцию

headers: {
      Authorization: 'Bearer ' + getApiToken.api_config.api_token
    }

А setApiToken(response.data.token)
По клику на кнопку залогиниться.
Использую axios, vue.js

Answer 1

[Владимир Проскурин]

nastya_zholudeva, видимо у вас импорт вот так выглядит
import getApiToken from './file'
В таком случае он импортирует все из export default {api_config, setApiToken, getApiToken}
Пишите так
import { getApiToken } from './file'

И уберите default в экспорте
export {api_config, setApiToken, getApiToken}

Comments

[nastya_zholudeva]

Владимир Проскурин, это помогло. Подскажите пожалуйста, из-за чего может срабатывать очистка token из localStorage после перезагрузки страницы? У меня очистка висит при catch

if (error.response.status == 401) {
      localStorage.removeItem('token')
      router.push({ path: '/login' })
    }

[Владимир Проскурин]

А если вы ее уберете, будет очищаться? Или может идет какой-то конфликт, попробуйте использовать другой ключ, например token_str.

[nastya_zholudeva]

Владимир Проскурин, подскажите а если я сделаю так

let api_config = {
  api_url: API_HOST + 'api/',
  api_token: localStorage.getItem('token')
}

до этого было так

let api_config = {
  api_url: API_HOST + 'api/',
  api_token: ''
}

это не убьет всю идею с двумя функциями? Потому как с api_token: localStorage.getItem('token') все работает

[Владимир Проскурин]

nastya_zholudeva, а почему оно должно убить? Функция getItem возвращает строку, и ранее там была строка. Поэтому будет все работать точно также.

Answer 2

[Mikhail Osher]

Потом я вызываю функцию

headers: {
      Authorization: 'Bearer ' + getApiToken.api_config.api_token
    }

Не вижу тут вызова функциии. Может быть просто Authorization: 'Bearer ' + getApiToken() хотели написать?

Comments

[nastya_zholudeva]

Mikhail Osher, если так как вы предлагаете, то появляется ошибка Uncaught TypeError: Object(...) is not a function

[Владимир Проскурин]

Перед ошибкой поставьте console.warn(getApiToken), в консоли должна вывестись функция. У вас почему-то пишет, что это объект, видимо где-то конфликт.

[nastya_zholudeva]

Владимир Проскурин, получаю весь файл {api_config: {…}, setApiToken: ƒ, getApiToken: ƒ}