vue專案中axios的統一配置：

專案目錄：

api.js：

//設定所有請求的域名字首
const apiUrl = 'http://xxx.com';
export default{
    apiUrl
}

http.js

/**
 * ajax請求配置
 */
import axios from 'axios'
import apiURL from './api.js'
import Qs from 'qs'
import Vue from 'vue'

import cookie from '../../static/js/cookie.js'

var vue = new Vue;   // 例項化一個新的vue物件，用於繫結toast外掛
 



// axios預設配置
//axios.defaults.timeout = 5000;          // 超時時間
axios.defaults.baseURL = apiURL.apiUrl;  // 預設地址
//**整理資料格式**
axios.defaults.transformRequest = function (data) {
  data = Qs.stringify(data);
  return data;
};

// **路由請求攔截**
// http request 攔截器
axios.interceptors.request.use(
  config => {
    //config.data = JSON.stringify(config.data);  
 

    config.headers['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8';
    //判斷是否存在ticket，即判斷使用者是否登入，如果存在的話，則每個http header都加上ticket
    if (cookie.get("ticket")) {
        //使用者每次操作，都將cookie設定成2小時
        cookie.set("ticket", cookie.get("ticket"),1/12)
        //每個http header都加上ticket
        **config.headers.ticket = cookie.get("ticket"
 
);**
        //每個http header都加上personnelid
        if(sessionStorage.loginStaffInfo){
            config.headers.personnelid = sessionStorage.personnelid;            
        }
    }    
    return config;
  },
  error => {
    return Promise.reject(error.response);
  });

// **路由響應攔截**
// http response 攔截器
axios.interceptors.response.use(
  response => {
    if (response.data.resultCode=="404") {
        console.log("response.data.resultCode是404")
        // 返回 錯誤程式碼-1 清除ticket資訊並跳轉到登入頁面
//      cookie.del("ticket")
        window.location.href='http://xxx.login.com'
        return
    }else{
        return response;
    }
  },
  error => {
    return Promise.reject(error.response)   // 返回介面返回的錯誤資訊
  });
export default axios;

main.js:

import axios from './httpConfig/http'
Vue.prototype.$http = axios

配置完成之後，就可以在元件中使用axios進行資料請求：
//get請求http://xxx.com/aaa
this.$http.get(“/aaa”,{
params:{

},

}).then((res)=>{

});
//post請求http://xxx.com/bbb
this.$http.post(“/bbb”,{

}).then((res)=>{

});