axios的post請求后臺（ThinkPHP5）接收不到數(shù)據(jù)

nemo 發(fā)布于2019-07-01 10:53 / 990人閱讀

摘要：最近做項目，做分頁的功能，使用給后臺發(fā)送數(shù)據(jù)，使用接口還是工具都可獲取數(shù)據(jù)，唯獨(dú)獲取不到經(jīng)過排除，發(fā)現(xiàn)這與的傳參格式有關(guān)系在使用時，要注意到配置選項中包含和兩者，以為他們是相同的，實則不然。因為是添加到的請求字符串中的，用于請求。

最近做vue項目，做分頁的功能，使用post給后臺發(fā)送數(shù)據(jù)，使用接口還是工具（postman）都可獲取數(shù)據(jù)，唯獨(dú)axios獲取不到；經(jīng)過排除，發(fā)現(xiàn)這與axios的post傳參格式有關(guān)系；

 this.$axios({
    method: "post",
    url:url,
    params: {
        seller_id:seller_id
    }
}).then((res)=>{
 
})

在使用axios時，要注意到配置選項中包含params和data兩者，以為他們是相同的，實則不然。
因為params是添加到url的請求字符串中的，用于get請求。而data（form-data）是添加到請求體（body）中的，用于post請求。

解決方法

方法1:

配置如下：
在main.js里設(shè)置配置，修改Content-Type

import axios from "axios";
axios.defaults.headers.post["Content-Type"] = "application/x-www-form-urlencoded";
Vue.prototype.$axios = axios;

Content-Type須配置為application/x-www-form-urlencoded，以數(shù)據(jù)量格式進(jìn)行數(shù)據(jù)傳輸（不兼容ie）

方法2：（推薦）

安裝qs,在 main.js里引入并且對數(shù)據(jù)進(jìn)行序列化

import axios from "axios";
import qs from "qs";
Vue.prototype.$qs = qs;

或者

import qs from "qs";
axios.interceptors.request.use((config) => {
    config.data = qs.stringify(config.data);
    return config;
}, function(error) {
    return Promise.reject(error);
});

作者：子恒|haley 
博客園：http://www.cnblogs.com/mylly/ 
版權(quán)所有，歡迎保留原文鏈接進(jìn)行轉(zhuǎn)載：)

云服務(wù)器 GPU云服務(wù)器 js接收post返回的數(shù)據(jù) 接收不到Boss的數(shù)據(jù) ajax的post請求 js post 請求數(shù)據(jù)

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/29591.html

相關(guān)文章

解決Vue axios post請求，后臺獲取不到數(shù)據(jù)問題

摘要：最近做項目，需要用到后臺是第一次使用進(jìn)行請求，本以為同一樣，會很簡單，但是結(jié)果往往不讓人滿意啊，請求很簡單，這里就不說了，主要說下請求方式。以上只是個人的實踐經(jīng)過，有其他解決辦法的，歡迎留言。最近做項目，需要用到vue,后臺是php,第一次使用axios進(jìn)行請求，本以為同ajax一樣，會很簡單，但是結(jié)果往往不讓人滿意啊，get請求很簡單，這里就不說了，主要說下 post請求方式。使...

endiat 2019-06-28 18:33 評論0 收藏0
axios發(fā)送post請求，request.getParamter接收不到

摘要：場景如下前端使用向后臺發(fā)了一個為的請求，后臺接口如下發(fā)現(xiàn)接收不到的信息。改為也一樣接收不到。表單請求提交時，使用的是，而使用原生的請求如果不指定請求頭，默認(rèn)使用的是。場景如下：前端vue使用axios向后臺發(fā)了一個Content-type為application/json的post請求，后臺springmvc接口如下： @RequestMapping(xxx) public Resu...

Awbeci 2019-08-19 10:49 評論0 收藏0
vue的axios組件如何與PHP后端交換數(shù)據(jù)

摘要：本文的目的在于探討前后端數(shù)據(jù)交互，并給出不同的解決方案供大家參考。實際使用只需在配置文件配置其他配置其他組件配置以上就是前端處理和后端處理兩種解決方案，可根據(jù)實際情況選擇一、前言 axios是vue項目中用來使用ajax技術(shù)來與后臺交換數(shù)據(jù)的一個組件，在vue的作者推薦下，相當(dāng)數(shù)量的vue前端開發(fā)人員開始使用它。但是在實際開發(fā)過程中，卻時有出現(xiàn)后端接收不到前端post過來的數(shù)據(jù)的情況...

韓冰 2019-08-22 17:09 評論0 收藏0
vue的axios組件如何與PHP后端交換數(shù)據(jù)

摘要：本文的目的在于探討前后端數(shù)據(jù)交互，并給出不同的解決方案供大家參考。實際使用只需在配置文件配置其他配置其他組件配置以上就是前端處理和后端處理兩種解決方案，可根據(jù)實際情況選擇一、前言 axios是vue項目中用來使用ajax技術(shù)來與后臺交換數(shù)據(jù)的一個組件，在vue的作者推薦下，相當(dāng)數(shù)量的vue前端開發(fā)人員開始使用它。但是在實際開發(fā)過程中，卻時有出現(xiàn)后端接收不到前端post過來的數(shù)據(jù)的情況...

CloudwiseAPM 2019-07-01 12:27 評論0 收藏0
axios使用心得總結(jié)

摘要：最近項目中使用也遇到了一些問題，就借此機(jī)會總結(jié)一下，如有錯誤，還請不吝指正。而在使用時對應(yīng)的傳參使用的是，是作為請求體發(fā)送的，同樣使用這種形式的還有等請求方式。層在環(huán)境中可以使用。 Axios是一個基于Promise的 HTTP 庫，可以用在瀏覽器和node.js 中，因為尤大大的推薦，axios也變得越來越流行。最近項目中使用axios也遇到了一些問題，就借此機(jī)會總結(jié)一下，如有錯誤，...

Lowky 2019-08-21 17:50 評論0 收藏0