解決Vue axios post請(qǐng)求,后臺(tái)獲取不到數(shù)據(jù)的問題方法
最近做項(xiàng)目，需要用到vue,后臺(tái)是php,第一次使用axios進(jìn)行請(qǐng)求，本以為同ajax一樣，會(huì)很簡(jiǎn)單，但是結(jié)果往往不讓人滿意啊，get請(qǐng)求很簡(jiǎn)單，這里就不說了，主要說下 post請(qǐng)求方式。
使用axios進(jìn)行post請(qǐng)求，后臺(tái)居然接收不到數(shù)據(jù)，這就納悶了，于是網(wǎng)上一頓搜索，現(xiàn)在將所用的解決辦法給大家說下：
1.new URLSearchParams方式
起初使用params.append("屬性名"：屬性值)的方式，對(duì)于簡(jiǎn)單的數(shù)據(jù)傳遞這樣是沒有問題的，后臺(tái)可以正常接收數(shù)據(jù)，但我發(fā)現(xiàn)一個(gè)問題，不知道大家有沒有遇到過，當(dāng)傳遞數(shù)據(jù)里含有數(shù)組時(shí)，你會(huì)發(fā)現(xiàn)傳到后臺(tái)的是字符串的形式 arr:a1,b1,c1 而非正常格式 arr:[a1,b1,c1]不符合我的要求，繼續(xù)查找。
2.Qs.stringify方式
看到網(wǎng)上好多解決辦法都在說qs,于是裝了qs插件，使用方法也很簡(jiǎn)單。首先安裝插件，然后注冊(cè)組件，axios.post(url,Qs.stringify(params)),在傳遞參數(shù)前，用qs轉(zhuǎn)換下格式就可以了，Qs是將對(duì)象 序列化成URL的形式，以&進(jìn)行拼接,在后臺(tái)輸出下接收的數(shù)據(jù)，嘿有值了，別提有多高興了，剛樂呵沒二分鐘，等會(huì)再認(rèn)真看看，這才發(fā)現(xiàn)當(dāng)數(shù)據(jù)為空時(shí)qs居然給過濾掉了，直接沒傳，這叫一個(gè)傷心。。。
3.改變后臺(tái)接收方式
網(wǎng)上的帖子大部分都是在前端處理，但沒什么太好的解決辦法，于是把思路轉(zhuǎn)到后臺(tái)，改變后臺(tái)的接收方式，最終使用file_get_contents('php://input')解決。
以上這篇解決Vue axios post請(qǐng)求,后臺(tái)獲取不到數(shù)據(jù)的問題方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
- vue中axios處理http發(fā)送請(qǐng)求的示例（Post和get）
- 詳解vue axios用post提交的數(shù)據(jù)格式
- 詳解Vue用axios發(fā)送post請(qǐng)求自動(dòng)set cookie
- 解決vue處理axios post請(qǐng)求傳參的問題
- vue axios post發(fā)送復(fù)雜對(duì)象問題
- vue+axios實(shí)現(xiàn)post文件下載
- 解決在Vue中使用axios POST請(qǐng)求變成OPTIONS的問題
- vue中使用axios post上傳頭像/圖片并實(shí)時(shí)顯示到頁面的方法
- vue 2.x 中axios 封裝的get 和post方法
- Vue-cli中post請(qǐng)求發(fā)送Json格式數(shù)據(jù)方式
- vue基礎(chǔ)之使用get、post、jsonp實(shí)現(xiàn)交互功能示例
- Vue使用axios post方式將表單中的數(shù)據(jù)以json格式提交給后端接收操作實(shí)例
相關(guān)文章
啟動(dòng)myvue報(bào)錯(cuò)npm?ERR!?code?ENOENT?npm?ERR!?syscall?open的解
這篇文章主要介紹了啟動(dòng)myvue報(bào)錯(cuò)npm?ERR!?code?ENOENT?npm?ERR!?syscall?open的解決辦法,文中給出了詳細(xì)的解決方法,并通過圖文結(jié)合的方式介紹的非常詳細(xì),需要的朋友可以參考下2024-03-03
詳解Vue 中 extend 、component 、mixins 、extends 的區(qū)別
這篇文章主要介紹了Vue 中 extend 、component 、mixins 、extends 的區(qū)別,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-12-12
教你用vue實(shí)現(xiàn)一個(gè)有趣的圍繞圓弧動(dòng)畫效果
最近做的兩個(gè)項(xiàng)目都是關(guān)于vue的,做完整理一下,這篇文章主要給大家介紹了關(guān)于如何用vue實(shí)現(xiàn)一個(gè)有趣的圍繞圓弧動(dòng)畫效果的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-04-04
vue3+elementPlus項(xiàng)目支持生成、設(shè)置默認(rèn)附件方式
這篇文章主要介紹了vue3+elementPlus項(xiàng)目支持生成、設(shè)置默認(rèn)附件方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
這篇文章主要介紹了vue獲取后臺(tái)json字符串方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
Vue實(shí)現(xiàn)可復(fù)用輪播組件的方法
這篇文章主要為大家詳細(xì)介紹了Vue實(shí)現(xiàn)可復(fù)用輪播組件的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
詳解vue3+element-plus實(shí)現(xiàn)動(dòng)態(tài)菜單和動(dòng)態(tài)路由動(dòng)態(tài)按鈕(前后端分離)
本文需要使用axios,路由,pinia,安裝element-plus,并且本文vue3是基于js而非ts的,這些環(huán)境如何搭建不做描述,需要讀者自己完成,感興趣的朋友跟隨小編一起看看吧2023-11-11
vue?async?await?promise等待異步接口執(zhí)行完畢再進(jìn)行下步操作教程
在Vue中可以使用異步函數(shù)和await關(guān)鍵字來控制上一步執(zhí)行完再執(zhí)行下一步,這篇文章主要給大家介紹了關(guān)于vue?async?await?promise等待異步接口執(zhí)行完畢再進(jìn)行下步操作的相關(guān)資料,需要的朋友可以參考下2023-12-12
這篇文章主要介紹了若依VUE前端打包到測(cè)試環(huán)境,本文通過示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-12-12
Animate.css這個(gè)動(dòng)畫庫,很多的動(dòng)畫在這個(gè)庫里面都定義好了,我們用的時(shí)候可以直接使用里面的類名就可以,下面我們就來看看如何在vue項(xiàng)目中使用Animate.css吧2023-08-08