vue-resource中 emulateJSON的作用是什么

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

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的作用是什么就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。