Как записать в axios headers по дефолту в nuxt.js?

Question

[irvdev]

Здравствуйте! Пытаюсь заставить в каждый запрос к серверу впихивать в headers токен из стора. Пытаюсь пока дедовским методом. Написал сервис в котором инициализировал axios со всеми опциями.

import axios from 'axios'

export default () => {
  var options = {
    baseURL: `http://localhost:8081/api`
  }

  if (localStorage.getItem('setUserAuthToken')) {
    options.headers = {'Authorization': localStorage.getItem('setUserAuthToken')}
  }

  return axios.create(options)
}

Дело в том, что в сервис из стора подтянуть токен не получается, так как стор из сервиса недоступен. Поэтому подтягиваю токен прямо из localStorage.

В следствии чего возникает вопрос. Не делаю ли я велосипед ?
Как правильно подтянуть в headers свой токен? Может есть способ универсальнее для nuxt.js? Возможно есть смысл использовать для этого middleware или plugins?

Спасибо!

Answer 1

[Aleksandr]

Может это поможет Вам решить вашу задачу