一、項目情形

興和ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為成都創(chuàng)新互聯(lián)公司的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：13518219792（備注：SSL證書合作）期待與您的合作！

現(xiàn)在vue項目中，一般使用axios發(fā)送請求去后臺拉取數(shù)據(jù)。

在某些業(yè)務(wù)場景中，前端需要在某個字段中發(fā)送一個復(fù)雜的嵌套對象給后臺做保存并處理。雖然axios可配置發(fā)送方式（post/get等），但如果不做其他配置，post的數(shù)據(jù)其實也是拼在請求地址后面，而這種傳輸方式會有很多問題：一是可能數(shù)據(jù)丟失，二是get傳送的數(shù)據(jù)長度有l(wèi)imit，如果需要保存大段的中文，會報錯；三是數(shù)據(jù)不直觀，復(fù)雜對象的格式會出現(xiàn)問題。

二、解決方案

怎么實現(xiàn)使用post方法時，能實現(xiàn)formData方式提交，而且整個請求數(shù)據(jù)格式能像queryString一樣直觀。

使用QS將數(shù)據(jù)序列化

//main.js
import axios from 'axios';
Vue.prototype.$axios = axios; // 配置axios的訪問方式
//demo.vue
import Qs from qs;
this.$axios({
 method: "post",
 url: "url",
 data: reqData,
 transformRequest: [ function(data){
  return Qs.stringify(data) //使用Qs將請求參數(shù)序列化
 }],
 headers： {
  'Content-Type': 'application/x-www-form-urlencoded' //必須設(shè)置傳輸方式
 }
}).then((res)=>{
 //邏輯代碼
}

分享名稱：vueaxiospost發(fā)送復(fù)雜對象問題-創(chuàng)新互聯(lián)
瀏覽路徑：http://aaarwkj.com/article0/cchgio.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、手機網(wǎng)站建設(shè)、軟件開發(fā)、關(guān)鍵詞優(yōu)化、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)