使用方法:

在main.js中

import { get , post } from 'http.js'//當(dāng)然還是要寫好你自己的路徑的

/**axios封裝
 * 請求攔截帝蒿、
 */
import axios from 'axios';
import router from '../router/index';
import store from '../store/index.js';
import { Toast } from 'vant';
import QS from 'qs';

//配置默認(rèn)地址
axios.defaults.baseURL = "你的服務(wù)器地址";
/** 
 * 跳轉(zhuǎn)登錄頁
 * 攜帶當(dāng)前頁面路由葛超，以期在登錄頁面完成登錄后返回當(dāng)前頁面
 */
// const toLogin = () => {
//     router.replace({
//         path: '/login',        
//         query: {
//             redirect: router.currentRoute.fullPath
//         }
//     });
// }
//post請求的請求頭
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
//axios攔截器延塑，目的是為了在請求頭上帶上token
axios.interceptors.request.use(
    config => {
    if (localStorage.getItem('Authorization')) {
      //token字段是要和后端協(xié)商好的
        config.headers.common["token"] = localStorage.getItem('Authorization');
        // debugger
    }
    return config;
    },
    error => {
    return Promise.reject(error);
    });
/**  get方法关带，對應(yīng)get請求 
 * @param {String} url [請求的url地址] 
 * @param {Object} params [請求時攜帶的參數(shù)] 
 */
export function get(url, params){    
    return new Promise((resolve, reject) =>{        
        axios.get(url, {            
            params: params        
        })        
        .then(res => {            
            resolve(res.data);        
        })        
        .catch(err => {            
            reject(err.data)        
        })    
    });
}
/** 
 * post方法，對應(yīng)post請求 
 * @param {String} url [請求的url地址] 
 * @param {Object} params [請求時攜帶的參數(shù)] 
 */
export function post(url, params) {    
    return new Promise((resolve, reject) => {         
        axios.post(url, QS.stringify(params))        
        .then(res => {            
            resolve(res.data);        
        })        
        .catch(err => {            
            reject(err.data)        
        })    
    });
}