// src/plugins/axios.js
import axios from 'axios'
import store from '../store/index.js'
// 以下試したimport文
// import { store } from '../store/index'
// import store from '../store'

export default axios.create({
  baseURL: process.env.VUE_APP_API_ENDPOINT,
  headers: {
    'Content-Type': 'application/json',
    Authorization: store.state.authToken //エラー→ Cannot read property state of undefined
  }
})

// src/store/index.js
import Vue from 'vue'
import Vuex from 'vuex'
import axios from '../plugins/axios.js'
import createPersistedState from 'vuex-persistedstate'

Vue.use(Vuex)

const store = new Vuex.Store({
  state: {
    authToken: ''
  },
  mutations: {
    setAuthToken(state, authToken) {
      state.authToken = authToken
    }
  },
  actions: {
    getAuthToken(authToken) {
      commit('setAuthToken', authToken)
    }
  }
})
export default store