$  npm install axios   // 使用npm
$  bower install axios   // 使用bower
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>   // 通過(guò)cdn直接調(diào)用

import axios from 'axios';

axios.get('/adate?id=123').then(res => {
    console.log(res);
})

axios.get('/adate?id=123',{
    params: {
        id: 1
    }
}).then(res => {
    console.log(res);
})

axios.post('/api/axios', {
    uname: 'lisi',
    pwd: 123
}).then(ret => {
    console.log(ret.data)
})

import axios from 'axios'
 
const service = axios.create({
    baseURL: '基礎(chǔ)路徑',
    timeout: 15000
})
 
//添加請(qǐng)求攔截器   請(qǐng)求接口統(tǒng)一添加token
service.interceptors.request.use(
    config =>{
        // 成功的回調(diào)
    },
    error =>{
        // 失敗的回調(diào)    
    }
)
 
export default service

import axios from 'axios'
 
const service = axios.create({
    baseURL: '基礎(chǔ)路徑',
    timeout: 15000
})
 
// 響應(yīng)攔截器
service.interceptors.response.use(
    response => {
        // 成功回調(diào)
    },
    error => {
        // 失敗回調(diào)
    }
)
 
export default service

/**
 * 請(qǐng)求封裝
 */
import axios from 'axios';
import configUrl from './url.js';
import store from '../store';
 
const service = axios.create({
    baseURL: configUrl.baseURL,
    // withCredentials: true, // 當(dāng)跨域請(qǐng)求時(shí)發(fā)送cookie
    timeout: 15000 // 請(qǐng)求超時(shí)
});
 
//添加請(qǐng)求攔截器   請(qǐng)求接口統(tǒng)一添加token
service.interceptors.request.use(
    config =>{
        config.headers.token = store.getters.token || '';  //請(qǐng)求添加token
        return config;
    },
    error =>{
        return Promise.reject(error);
    }
)
 
// 響應(yīng)攔截器
service.interceptors.response.use(
    response => {
        //如果接口返回token，替換本地舊token
        if (response.headers.token) {
            sessionStorage.setItem("token", response.headers.token);
        }
        //自定義設(shè)置后臺(tái)返回code對(duì)應(yīng)的響應(yīng)方式
        if (response.data.code == 203) { // 未登錄或登錄超時(shí)
            return Promise.reject(new Error('登錄超時(shí)'));
        } else { //接口正常，返回?cái)?shù)據(jù)
            return response;
        }
    },
    error => {
        if (error.message) {
				// this.$massage.error('服務(wù)器開(kāi)小差了，請(qǐng)稍后再試!')   
				//錯(cuò)誤響應(yīng)
				alert('服務(wù)器開(kāi)小差了，請(qǐng)稍后再試!')   
        }
        return Promise.reject(error);
    }
);
//暴露出封裝過(guò)的服務(wù)
export default service;