Vue 3 整合 Vuex 與使用 Axios 攔截器

Vue 3 整合 Vuex 與使用 Axios 攔截器，重構設定 axios 攔截器並加入 vuex。新增 .env 環境變數檔，開發用檔名加 .local 以忽略 git。使用代理 proxy 處理跨域問題，依環境變數動態設定 API 地址。

axios 目錄結構設計為管理 api 和設定攔截器，登入後 API 帶 token。使用 provide 和 inject 呼叫 API，取代 Vue.prototype 作為全域引入。在 Vuex 使用 axios 攔截器，但 $http 和 api 需重新 import。...

VUE3 因為 Composition API 的緣故，使用 router 以及 vuex 的方式有所不同。載入 router 時，需使用 useRouter 和 useRoute 方法，並可透過 router.push 導航和 route.params 讀取參數。

載入 VUEX 時，需使用 useStore 方法，並可透過 store.state 讀取狀態。更多詳細介紹可參考官網。...

MUKI space*