一. get 傳參的坑：加params對象傳參（不能直接get(url, params)!!!）

this.$http.get(url, {params: { offset: this.offset, label: this.categray }})

二. 使用post請求：
知識點
post參數的形式 form data(表單，通過url傳參) 和 request payload（JSON, 通過請求體傳參）
這兩個本質是發送交易的報文頭中的Content-type，我們都知道一般發請求報文中的特殊字符比如+等都會被轉碼，那是因為默認的Content-Type用的是application/x-www-form-urlencoded，也就是form data這種情況，默認的報文都是這種格式的，但原生ajax就不是，原生ajax報文頭用的是text/plain;charset=UTF-8，在這種格式下大部分字符都是不編碼的。這種差異就會產生一些問題，比如我們碰到的這個post，就是用的第二種方式，所以那邊接不到參數。思路也很簡單，就是改報文頭。

vue-resource 默認采用 request payload 形式即 JSON 數據，后臺需要在 請求體 中獲得參數

若后臺需通過表單的方式（即在 url 中） 獲得參數，有如下三種方案：

在vue實例中添加headers字段：

http: {headers: {'Content-Type': 'application/x-www-form-urlencoded'}}

或者使用 vue 方面提供的更加簡單做法：

• 全局設置，在main.js中加上

Vue.http.options.emulateJSON = true;

• 局部設置，在方法上加三第三個參數

this.$http.post('url', data, { emulateJSON: true })

三. 通過 POST 參數上傳 （二進制）文件 時，請求參數需按一下步驟構建：

//二進制文件必須通過formData.append()加入，并以formData作為請求參數，否則請求中參數將成 { }let formData = new FormData();formData.append('binary', binaryFile)formData.append('key', value); // 錯誤的示范，千萬不要將formData包一層花括號，這會導致上傳的值為{file: {}}，也就是空值，這是一個陷阱this.$http.post(url, formData, { emulateJSON: true })

直接以input 獲取的 file 對象作為POST 參數 會導致請求參數為 {} ！！

FormData 類詳細介紹

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的vue - resource 使用过程的坑的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。