vue resource post请求时遇到的问题解决办法

小云云
Lepaskan: 2018-01-05 14:55:17
asal
2497 orang telah melayarinya

本文主要介绍了vue resource post请求时遇到的坑,需要的朋友可以参考下,希望能帮助到大家。

使用 post 请求

// global Vue object
Vue.http.get('/someUrl', [options]).then(successCallback, errorCallback);
Vue.http.post('/someUrl', [body], [options]).then(successCallback, errorCallback);
// in a Vue instance
this.$http.get('/someUrl', [options]).then(successCallback, errorCallback);
this.$http.post('/someUrl', [body], [options]).then(successCallback, errorCallback);
Salin selepas log masuk

然而,这并不代表使用过程中不会遇到问题:(比如使用时遇到这样的报错:XMLHttpRequest cannot load XXX. Response for preflight has invalid HTTP status code 405);这个$http请求和jquery的ajax还是有点区别,这里的post的data默认不是以form data的形式,而是request payload。解决起来倒也很简单:在vue实例中添加headers字段:

http: {
  headers: {'Content-Type': 'application/x-www-form-urlencoded'}
}
Salin selepas log masuk

或者使用 vue 方面提供的更加简单做法:

Vue.http.options.emulateJSON = true;
Salin selepas log masuk

相关推荐:

php之curl get post请求用法实例分享

如何解决vue 集成 axios 发送post请求 payload导致后台无法接收到数据问题

如何用原生JS实现Ajax的GET POST请求

Atas ialah kandungan terperinci vue resource post请求时遇到的问题解决办法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan