vue main.js 設置

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
// import VueRouter from './router'
import VueRouter from 'vue-router'
import Axios from 'axios'  //引用
import QS from 'qs'
import Customers from './components/Customers'
import About from './components/About'
import Add from './components/Add'
import CustomerDetails from './components/CustomerDetails'
import Edit from './components/Edit'


Vue.config.productionTip = false  //阻止啟動生產消息，常用作指令。

Vue.use(VueRouter)

Vue.prototype.$axios=Axios  //掛載到原形上
//axios全局配置
Axios.defaults.baseURL = 'http://localhost:3000';  // 此處設置全局適用  避免每個頁面的接口請求都  用的接口 前綴
Axios.defaults.headers.post['Content-Type'] = 'application/json';
 //Axios.defaults.headers.post['Content-Type'] = 'x-www-from-urlencoded'; 


//攔截器


// 添加請求攔截器
Axios.interceptors.request.use(function (config) {
    // 在發送請求之前做些什么

    if(config.method==="post"){  //只有在post請求是 時
        console.log(config.data);
        //config.data=QS.stringify(config.data) ; //如果 后台不接受原聲json  格式參數 需要序列化參數，需要安裝 QS插件；請求之前對請求參數進行格式轉換  轉化后  格式user_id=iwen%40qq.com&password=iwen123
        console.log(config.data);
    }

    //console.log(config);  //打印網絡請求 
    return config;
  }, function (error) {
    // 對請求錯誤做些什么
    return Promise.reject(error);
  });

// 添加響應攔截器
Axios.interceptors.response.use(function (response) {
    // 對響應數據做點什么
//console.log(response)
    if(!response.data){
        return{
            msg:"數據返回不合理"
        }
    }

    return response;
  }, function (error) {
    // 對響應錯誤做點什么
    return Promise.reject(error);
  });