**# 注:網上很多都是使用post傳送的例子,但是我使用過程當中,就是引數有問題,一直報引數無法present的問題,後來看到這篇部落格,需要引入QS對引數進行轉換,且要設定Content-Type,這樣就可以了,特別注意QS的功能:****`第一個坑:使用axios的then之後,要給data賦值,使用this報錯,以下是原因和解決方案:`**

> 第一種方法

在then 這個裡邊的賦值方法this.followed = response.data.followed會出現報錯，什麼原因呢？在Google上查了下，原來是在 then的內部不能使用Vue的例項化的this, 因為在內部 this 沒有被繫結。  可以看下 Stackoverflow 的解釋：  In option functions like data and created, vue binds this to the view-model instance for us, so we can use this.followed, but in the function inside then, this is not bound.  So you need to preserve the view-model like (created means the component's data structure is assembled, which is enough here, mounted will delay the operation more):  解決方法：      created() {         var self = this;         axios.post('/api/question/follower', {             'question':this.question,             'user':this.user         }).then(function(response){             // console.log(response.data);             self.followed = response.data.followed;         })      },  或者我們可以使用 ES6 的 箭頭函式arrow function，箭頭方法可以和父方法共享變數 ：   created() {         axios.post('/api/question/follower', {             'question':this.question,             'user':this.user         }).then((response) => {             this.followed = response.data.followed;         })      }> 第二種方法在研究中我們發現我們可以講拼接進介面中，但是在企業級開發中這樣的書寫方法並不規範，所以在這個時候我們需要將axios的寫法規範，在一般寫法中我們$axios{  urls:baseurl,  methond:base,  data:{}  headers:[xx:xxxx]}但是我們可以在每個檔案中對config進行編譯  例如：import Qs from 'qs' var vm = thisvar data = Qs.stringify({"name":"痞子達"}); this.$http.post(vm.testUrl,data, {headers:{'Content-Type':'application/x-www-form-urlencoded'}}).then((response)=>{     alert(response.data.msg);})`這個的使用前提是  我們需要 引入axios中的qs去改變 資料的格式`因此 為了避免這樣的重複的書寫動作 ，我們會在入口檔案中進行公共寫法的編譯在axios的官方文件中指出（https://www.kancloud.cn/yunye/axios/234845）這裡的主要操作是對  請求過程中的  then或者 catch   進行攔截 （也就是在請求傳送前對我們的data資料進行  轉化 ）官方文件中給出了 兩種解決方法 我們使用   axios.create方法可以使用自定義配置新建一個 axios 例項axios.create([config])var instance = axios.create({  baseURL: 'https://some-domain.com/api/',  timeout: 1000,  headers: {'X-Custom-Header': 'foobar'}});// `baseURL` 將自動加在 `url` 前面，除非 `url` 是一個絕對 URL。  // 它可以通過設定一個 `baseURL` 便於為 axios 例項的方法傳遞相對 URL  baseURL: 'https://some-domain.com/api/',  // `transformRequest` 允許在向伺服器傳送前，修改請求資料  // 只能用在 'PUT', 'POST' 和 'PATCH' 這幾個請求方法  // 後面陣列中的函式必須返回一個字串，或 ArrayBuffer，或 Stream  transformRequest: [function (data) {    // 對 data 進行任意轉換處理    return data;  }],  // `transformResponse` 在傳遞給 then/catch 前，允許修改響應資料  transformResponse: [function (data) {    // 對 data 進行任意轉換處理    return data;  }],  // `headers` 是即將被髮送的自定義請求頭  headers: {'X-Requested-With': 'XMLHttpRequest'},在這裡改變 具體程式碼如下**var instance = axios.create({  //config裡面有這個transformRquest，這個選項會在傳送引數前進行處理。  //這時候我們通過Qs.stringify轉換為表單查詢引數      transformRequest: [function (data) {          data = Qs.stringify(data);          return data;      }],      headers:{'Content-Type':'application/x-www-form-urlencoded'}})**同時需要在   vue.use(vueaxios , axios )前  例項化 一個   vue.use(vueaxios,instance)這裡的方法  直接影響了整個  instance的 使用

參考文章

引用文章（https://blog.csdn.net/nihaoqiulinhe/article/details/79084755）中關於資料格式不正確情況下修改資料格式的方法。