Static GitHub Issues

[1742] How add Authorization token in axios header?

prev: When `generate` links to `static` folder is broken
next: data context for handlebars template

When I login, I'm get from remote API server user token. When I get token, I'm set him on store and local storage. If I reload my app I want get my token from local storage and set on store. But local storage not defined if I call them on my store:

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

const store = () => new Vuex.Store({
  user: {
    token: localStorage.getItem('userToken')
  }
})

or ~plugins/axios.js:

import axios from 'axios'

export default axios.create({
  baseURL: process.env.baseApiUrl,
  headers: {
    'Authorization': 'Bearer '+localStorage.getItem('userToken')
  }
})

How can I resolve this problem?

P.S. sorry for my English

<!--cmty--><!--cmty_prevent_hook--><div align="right"><sub><em>This question is available on <a href="https://nuxtjs.cmty.io">Nuxt.js</a> community (<a href="https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1564">#c1564</a>)</em></sub></div>