1. 程式人生 > >02 . 處理axios的三個問題 :設置基路徑/axios掛載到vue原型/請求時自動攜帶token

02 . 處理axios的三個問題 :設置基路徑/axios掛載到vue原型/請求時自動攜帶token

int erro cep url code 請求頭 vat .com ade

 1  //使用API時必須在請求頭中使用 Authorization 字段提供 token 令牌
 2 import axios from ‘axios‘
 3 // 處理axios的三個問題
 4 // 處理一:基路徑
 5 axios.defaults.baseURL = ‘http://localhost:8888/api/private/v1/‘
 6 // 處理二 : 把axios 掛載到 vue 的原型上 ,就不用每次都引入啦
 7 Vue.prototype.$axios = axios
 8 // 處理三: 自動攜帶token
 9 // axios.defaults.headers.common[‘Authorization‘] = localStorage.getItem(‘token‘)
10 axios.interceptors.request.use( 11 function (config) { 12 // 攔截每次請求,攜帶token 13 config.headers.Authorization = localStorage.getItem(‘token‘) 14 15 return config 16 }, 17 function (error) { 18 // Do something with request error 19 return Promise.reject(error) 20 }
21 )

02 . 處理axios的三個問題 :設置基路徑/axios掛載到vue原型/請求時自動攜帶token