axios的post請求后臺（ThinkPHP5）接收不到數據

nemo 發布于2019-07-01 10:53 / 886人閱讀

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

最近做vue項目，做分頁的功能，使用post給后臺發送數據，使用接口還是工具（postman）都可獲取數據，唯獨axios獲取不到；經過排除，發現這與axios的post傳參格式有關系；

 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里設置配置，修改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，以數據量格式進行數據傳輸（不兼容ie）

方法2：（推薦）

安裝qs,在 main.js里引入并且對數據進行序列化

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/ 
版權所有，歡迎保留原文鏈接進行轉載：)

云服務器 GPU云服務器 js接收post返回的數據接收不到Boss的數據 ajax的post請求 js post 請求數據

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/29591.html

解決Vue axios post請求，后臺獲取不到數據問題

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

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

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

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

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

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

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

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

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

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