Блог

Как добавить заголовок глобальной авторизации в nuxt.config.js ?

пробовал

   axios: {
    defaults : {
      headers : {
        common: [
          {
            'Authorization' : '5fb9c42ceba425fb9c42ceba43'
          }
        ]
      }
    }
  },
 

но не работает

Я могу сделать

 this.$axios.setHeader('Authorization', this.$store.state.appstore.akey);
 

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

Попробуйте это, взятое из документации модуля.

 axios: {
  headers : {
    common: {
      'Authorization' : '5fb9c42ceba425fb9c42ceba43'
    }
  }
}
 

Я создал для этого плагин. Переходим plugins и создаем axios.js :

 export default function ({ $axios, store }) {
  if (process.client) {
    $axios.setToken(store.state.appstore.akey, 'Bearer')
  }
}
 

Затем зарегистрируйте свой плагин в nuxt.config.js

 plugins: ['@/plugins/axios'],