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


 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 )

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM