您好,登錄后才能下訂單哦!
這篇文章主要介紹使用axios發(fā)送json后臺接收不到怎么辦,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
問題描述
按照axios官網(wǎng)例子發(fā)起請求傳遞json,后臺接受到的數(shù)據(jù)為空,一直卡在options階段。
嘗試的方法
開始以為是接口有問題,使用postman測試下,一切正常,百思不得其解,看了好多issue也解決不了,加了headers:{'content-type':'application/json'}
也沒用。
官網(wǎng)上是說,傳json就按application/json
進行處理,然而并沒有卵用;之后套了一層JSON.stringify(data)
,content-type
又變成表單格式了==。
然后翻自己之前的代碼,發(fā)現(xiàn)寫法如出一轍,懷疑是版本號的問題,然而并不是==。。。??紤]到可能和服務(wù)端有關(guān)系。
原代碼如下:
import axios from 'axios'; export default function request(url, params) { return axios.post(`xxxxxx/${url}`, params) .then((response) => { console.log('response', response); return response; }) .catch((error) => { console.log('error', error); return error; }); }
最后想想還是用fetch吧(確實用了,發(fā)現(xiàn)還是有這個問題,現(xiàn)在深度懷疑是服務(wù)端將參數(shù)類型卡的太死了,還有polyfill的問題就放棄了,如果有知道的小伙伴請留言告訴我,謝謝),實在不行就ajax(還要封裝成promise,哭)。出于對axios的堅持,終于找到了解決方法。
解決方法
就是添加qs庫,將json序列化之后傳遞,詳見這個issue。
代碼:
import axios from 'axios'; import qs from 'qs'; export default function request(url, params) { return axios.post(`https://xxxxxxxx/${url}`, qs.stringify(params)) .then((response) => { console.log('response', response); return response; }) .catch((error) => { console.log('error', error); return error; }); }
以上是“使用axios發(fā)送json后臺接收不到怎么辦”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注億速云行業(yè)資訊頻道!
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。