Не пробрасывается header в гет запросах vue

Пытаюсь сделать авторизацию по jwt laravel(vue-ui) vue(axios), после login() успешно получаю токен из записываю его в localstorage, далее попытался на все запросы добавлять header autorization с пост запросами все оккей, но все гет почему приходят без хедера.

введите сюда описание изображения

main.js

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import axios from 'axios';
import VueAxios from 'vue-axios';
import api from "./api";

const app = createApp(App)

app.use(router)
app.use(store)
app.use(VueAxios, api);

app.mount('#app-admin')

api.js

import axios from "axios";
import router from "./router";
console.log(document.cookie)
const api = axios.create();
api.defaults.baseURL = `${process.env.MIX_APP_URL}`;
api.interceptors.request.use(config => {
if(localStorage.getItem('access_token')){
config.headers.Authorization = `bearer ${localStorage.getItem('access_token')}`
}

return config
},error => {

})

api.interceptors.response.use(config => {
if(localStorage.getItem('access_token')){
config.headers.Authorization = `bearer ${localStorage.getItem('access_token')}`
}

return config
},error => {
router.push({name: 'Login'})
})

export default  api

Ответы (0 шт):