EmulateJSON Plugin 是一個(gè) Vue.js 插件，可以讓你在 POST 請(qǐng)求中使用 application / x-www-form-urlencoded 方式提交 JSON 數(shù)據(jù)。

當(dāng)使用 Vue.js 發(fā)送 POST 請(qǐng)求時(shí)，Vue.js 會(huì)默認(rèn)以 application / json 的方式提交數(shù)據(jù)，但是在服務(wù)器端，有時(shí)候并不支持以此種方式提交數(shù)據(jù)，此時(shí)就需要使用 application / x-www-form-urlencoded 方式提交 JSON 數(shù)據(jù)。

EmulateJSON 插件可以實(shí)現(xiàn)這一點(diǎn)，使應(yīng)用程序可以在后端處理表單提交數(shù)據(jù)。

// 引入 emulate-json 插件
import Vue from 'vue'
import emulateJSON from 'emulate-json'
// 使用 emulateJSON 插件
Vue.use(emulateJSON);

現(xiàn)在你就可以發(fā)送 POST 請(qǐng)求，以 application / x-www-form-urlencoded 方式提交 JSON 數(shù)據(jù)了。

// 發(fā)送 POST 請(qǐng)求
this.$http.post('url', { foo: 'bar' }, {
emulateJSON: true
})
.then(response =>{
console.log(response)
})
.catch(error =>{
console.log(error)
})

使用 EmulateJSON 插件可以很方便地提交 JSON 數(shù)據(jù)，避免了因前后端不兼容而導(dǎo)致的請(qǐng)求失敗問題。