JavaScript axiosのインストールとパッケージ化のケースの詳細な説明

cnpm インストール axios -S

'axios' から axios をインポートします
Vue.prototype.$http = axios

サービス = axios.create({
    baseURL: baseUrl, // url = ベース API URL + リクエスト URL
    withCredentials: true, // クロスドメインリクエスト時にCookieを送信する
    タイムアウト: 5000 // リクエストタイムアウト
})

読み込みを許可します。
// リクエストインターセプション service.interceptors.request.use(config => {
 
    // ロードアニメーションを開始する loading = Toast.loading({
        期間:10000、
        メッセージ: "読み込み中...",
        クリック禁止:true、
    })
    //config.headers['Authorization'] = sessionStorage.getItem('token')
    設定を返す
},エラー =>{
    コンソール.log(エラー);
    Promise.reject(error) を返します。
})

// レスポンスインターセプション service.interceptors.response.use(res =>{
    // 読み込みをクリア
    読み込み中.クリア()
    Promise.resolve(res) を返す
},エラー =>{
    読み込み中.クリア()
    console.log('err'+エラー);
    Promise.reject(error) を返します。
})

// エクスポートデフォルトサービスをスローする

// ファイルをインポートimport axios from 'axios'
'@/config' から {baseUrl} をインポートします
'vant' から {Toast} をインポートします
 
// 基本設定 let service = axios.create({
    baseURL: baseUrl, // url = ベース API URL + リクエスト URL
    withCredentials: true, // クロスドメインリクエスト時にCookieを送信する
    タイムアウト: 5000 // リクエストタイムアウト
})
 
読み込みを許可します。
// リクエストインターセプション service.interceptors.request.use(config => {
 
    // ロードアニメーションを開始する loading = Toast.loading({
        期間:10000、
        メッセージ: "読み込み中...",
        クリック禁止:true、
    })
    //config.headers['Authorization'] = sessionStorage.getItem('token')
    設定を返す
},エラー =>{
    コンソール.log(エラー);
    Promise.reject(error) を返します。
})
 
 
// レスポンスインターセプション service.interceptors.response.use(res =>{
    // 読み込みをクリア
    読み込み中.クリア()
    Promise.resolve(res) を返す
},エラー =>{
    読み込み中.クリア()
    console.log('err'+エラー);
    Promise.reject(error) を返します。
})
 
// エクスポートデフォルトサービスをスローする