axios的post請(qǐng)求后臺(tái)（ThinkPHP5）接收不到數(shù)據(jù)

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

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

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

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

在使用axios時(shí)，要注意到配置選項(xiàng)中包含params和data兩者，以為他們是相同的，實(shí)則不然。
因?yàn)閜arams是添加到url的請(qǐng)求字符串中的，用于get請(qǐng)求。而data（form-data）是添加到請(qǐng)求體（body）中的，用于post請(qǐng)求。

解決方法

方法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里引入并且對(duì)數(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)載：)

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/29591.html

相關(guān)文章

解決Vue axios post請(qǐng)求，后臺(tái)獲取不到數(shù)據(jù)問(wèn)題

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

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

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

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

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

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

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

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

摘要：最近項(xiàng)目中使用也遇到了一些問(wèn)題，就借此機(jī)會(huì)總結(jié)一下，如有錯(cuò)誤，還請(qǐng)不吝指正。而在使用時(shí)對(duì)應(yīng)的傳參使用的是，是作為請(qǐng)求體發(fā)送的，同樣使用這種形式的還有等請(qǐng)求方式。層在環(huán)境中可以使用。 Axios是一個(gè)基于Promise的 HTTP 庫(kù)，可以用在瀏覽器和node.js 中，因?yàn)橛却蟠蟮耐扑]，axios也變得越來(lái)越流行。最近項(xiàng)目中使用axios也遇到了一些問(wèn)題，就借此機(jī)會(huì)總結(jié)一下，如有錯(cuò)誤，...

Lowky 2019-08-21 17:50 評(píng)論0 收藏0