Добавьте токен заголовка к запросам ax ios после действия входа в vuex

Question

после построения системы входа в систему с laravel паспортом. Я хочу добавить токен заголовка к ax ios запросам, но ax ios .defaults.headers.common ["Authorization"] = "Barearnull" - любая помощь !!! Что я делаю неправильно? это код в ProjectEmploye. vue:

created(){
  axios.defaults.headers.common["Authorization"] = "Bearer" + 
   localStorage.getItem("member_token");
  this.$store.dispatch('currentUser/getUser');
 }
computed:{
  currentUser:{
        get(){
return    this.$store.dispatch('currentUser/getUser');
  }
  }

 },

, а это CurrentUser. js:

import axios from "axios";

 const state ={
 user:{

 }

 };
 const getters= {};
  const actions = {
 getUser(){
    axios.post("api/userauth")
    .then(response=>{
  commit('setUser',response.data);
    });
 },
loginUser({},user){
   axios.post("/api/login",{
       email: user.email,

       password: user.password
   })
   .then(response=>{
       console.log(response.data);
      if( response.data.acces_token){
           //save token mte3na fi locoal storage
           localStorage.setItem(
               "membre_token",
               response.data.acces_token
           )

           window.location.replace("/home");
       }

   })
   }
};
const mutations={
setUser(state,data){
    state.user=data;
}
};

export default{
namespaced:true,
 state,
 getters,
 actions,
mutations
}

Answer 1

Вы импортируете разные экземпляры топора ios в разные компоненты. Вы должны импортировать один и придерживаться его. Лучше использовать это глобально. Вот демо:

// in your root app.js file

// import axios
window.axios = require('axios')

// then set it up; you can also set it when component is mounted within mounted() { ... } 
axios.defaults.headers.common["Authorization"] = "Bearer" + localStorage.getItem("member_token");

Затем, когда вы захотите использовать его в другом скрипте, получите доступ к нему без import ing:

// in any other component, child of app.js

axios.post("/api/login", {
    email: user.email,
    password: user.password
})