首頁 > web前端 > js教程 > 主體

如何解決vue 整合 axios 發送post請求 payload導致後台無法接收到資料問題

一个新手
發布: 2018-05-19 14:46:24
原創
3992 人瀏覽過

vue 整合axios之後,發送的post請求預設為payload 方式。 如果想改為正常的方式,需要增加headers頭,並且將發送是資料json格式改為 querystring的方式。

安裝依賴

cnpm install qs
登入後複製

導入依賴

import Qs from 'qs'
登入後複製

 在需要使用post的地方使用下面的方法,其中postData是一個json物件

this.$http({
    url: '/api/act/yourApi.api',
    method: 'POST',
    headers: {        'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
    },
    data: Qs.stringify(postData)
})
    .then(res => {
        console.log(res);
    })
    .catch(err => {
        console.log(err);
    })
登入後複製

這樣,發送的資料就是以form-urlencodoed的方式發送了。

以上是如何解決vue 整合 axios 發送post請求 payload導致後台無法接收到資料問題的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!