這篇文章將為大家詳細(xì)講解有關(guān)vue-resource中 emulateJSON的作用是什么，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。

十載的沙坪壩網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對(duì)一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。成都全網(wǎng)營(yíng)銷的優(yōu)勢(shì)是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整沙坪壩建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)從事“沙坪壩網(wǎng)站設(shè)計(jì)”,“沙坪壩網(wǎng)站推廣”以來，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

import Vue from 'vue'
import App from './App'
import router from './router'
import VueResource from 'vue-resource'
Vue.use(VueResource);
Vue.config.productionTip = false
new Vue({
 el: '#app',
 router,
 created(){
     this.$http.post('https://cnodejs.org/api/v1/topics',{
       a:100,
       b:'100'
     }).then((data)=>{
     console.log(data)
   })
 },
 render: h => h(App)
})

結(jié)果如圖：

而如果將emulateJSON設(shè)置true，vue-resource用post方式發(fā)送數(shù)據(jù)會(huì)以表單形式發(fā)送，也就是這種格式：application/x-www-form-urlencoded。

設(shè)置emulateJSON為true時(shí)（默認(rèn)為false）只需將如下代碼添加到主文件中即可：

Vue.http.options.emulateJSON=true

測(cè)試結(jié)果如下：

可以看到將emulateJSON的屬性設(shè)置為true之后，請(qǐng)求頭中的Content-Type變成了application/x-www-form-urlencoded,并且數(shù)據(jù)的傳輸格式也變?yōu)榱薋rom Data的格式。

關(guān)于vue-resource中 emulateJSON的作用是什么就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。