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

1. axiosプラグインをダウンロードする

cnpm インストール axios -S

2. main.jsにaxiosを導入する

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

3. axiosインスタンスを作成する

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

4. 傍受を要求する

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

5. 応答の傍受

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

6. 投げる

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

完全なコード

// ファイルをインポート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) を返します。
})
 
// エクスポートデフォルトサービスをスローする

JavaScript axios のインストールとパッケージ化の事例を詳しく説明したこの記事はこれで終わりです。より関連性の高い js axios のインストールとパッケージ化のコンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません: