vue-resource中emulateJSON的作用是什么

这篇文章将为大家详细讲解有关vue-resource中 emulateJSON的作用是什么，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。

十载的沙坪坝网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。成都全网营销的优势是能够根据用户设备显示端的尺寸不同，自动调整沙坪坝建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。创新互联从事“沙坪坝网站设计”,“沙坪坝网站推广”以来，每个客户项目都认真落实执行。

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)
})

结果如图：

而如果将emulateJSON设置true，vue-resource用post方式发送数据会以表单形式发送，也就是这种格式：application/x-www-form-urlencoded。

设置emulateJSON为true时（默认为false）只需将如下代码添加到主文件中即可：

Vue.http.options.emulateJSON=true

测试结果如下：

可以看到将emulateJSON的属性设置为true之后，请求头中的Content-Type变成了application/x-www-form-urlencoded,并且数据的传输格式也变为了From Data的格式。

关于vue-resource中 emulateJSON的作用是什么就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。