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

更新時間：2018年08月11日 14:45:09 作者：aide521521

今天小編就為大家分享一篇解決Vue axios post請求,后臺獲取不到數(shù)據(jù)的問題方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

最近做項目，需要用到vue,后臺是php,第一次使用axios進行請求，本以為同ajax一樣，會很簡單，但是結果往往不讓人滿意啊，get請求很簡單，這里就不說了，主要說下 post請求方式。

使用axios進行post請求，后臺居然接收不到數(shù)據(jù)，這就納悶了，于是網上一頓搜索，現(xiàn)在將所用的解決辦法給大家說下：

1.new URLSearchParams方式

起初使用params.append("屬性名"：屬性值)的方式，對于簡單的數(shù)據(jù)傳遞這樣是沒有問題的，后臺可以正常接收數(shù)據(jù)，但我發(fā)現(xiàn)一個問題，不知道大家有沒有遇到過，當傳遞數(shù)據(jù)里含有數(shù)組時，你會發(fā)現(xiàn)傳到后臺的是字符串的形式 arr:a1,b1,c1 而非正常格式 arr:[a1,b1,c1]不符合我的要求，繼續(xù)查找。

2.Qs.stringify方式

看到網上好多解決辦法都在說qs,于是裝了qs插件，使用方法也很簡單。首先安裝插件，然后注冊組件，axios.post(url,Qs.stringify(params)),在傳遞參數(shù)前，用qs轉換下格式就可以了，Qs是將對象序列化成URL的形式，以&進行拼接,在后臺輸出下接收的數(shù)據(jù)，嘿有值了，別提有多高興了，剛樂呵沒二分鐘，等會再認真看看，這才發(fā)現(xiàn)當數(shù)據(jù)為空時qs居然給過濾掉了，直接沒傳，這叫一個傷心。。。

3.改變后臺接收方式

網上的帖子大部分都是在前端處理，但沒什么太好的解決辦法，于是把思路轉到后臺，改變后臺的接收方式，最終使用file_get_contents('php://input')解決。

以上這篇解決Vue axios post請求,后臺獲取不到數(shù)據(jù)的問題方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

Vue單頁面應用做預渲染的方法實例
vue是一個單頁面的應用,這導致一些爬蟲和百度無法搜索到,如果你想針對你應用的其中某些頁面進行SEO優(yōu)化,讓他們可以被爬蟲和百度搜索到,你可以進行預渲染操作,下面這篇文章主要給大家介紹了關于Vue單頁面應用做預渲染的相關資料,需要的朋友可以參考下
2021-10-10
vue遠程加載sfc組件思路詳解
這篇文章主要介紹了vue遠程加載sfc組件思路詳解，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-12-12
基于Vue2.0和Typescript實現(xiàn)多主題切換的示例
本文主要介紹了基于Vue2.0和Typescript實現(xiàn)多主題切換的示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2023-04-04
vue+vant使用圖片預覽功能ImagePreview的問題解決
這篇文章主要介紹了vue+vant使用圖片預覽功能ImagePreview的問題解決，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2020-04-04
vue項目keepAlive配合vuex動態(tài)設置路由緩存方式
vue項目keepAlive配合vuex動態(tài)設置路由緩存方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-04-04
Ant Design Vue pro 動態(tài)路由的實現(xiàn)和打包方式
這篇文章主要介紹了Ant Design Vue pro 動態(tài)路由的實現(xiàn)和打包方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-06-06
詳解vue.js移動端導航navigationbar的封裝
本篇文章主要介紹了vue.js移動端導航navigationbar的封裝，具有一定的參考價值，有興趣的可以了解一下
2017-07-07
vue簡單的store詳解
這篇文章主要介紹了詳解vue簡單的store，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2021-10-10
如何解決element-ui中select下拉框popper超出彈框問題
這篇文章主要介紹了如何解決element-ui中select下拉框popper超出彈框問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
2024-04-04
vue單向以及雙向數(shù)據(jù)綁定方式(v-bind和v-model的使用)
這篇文章主要介紹了vue單向以及雙向數(shù)據(jù)綁定方式(v-bind和v-model的使用)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-04-04