解決Vue axios post請求,后臺獲取不到數(shù)據(jù)的問題方法
最近做項目,需要用到vue,后臺是php,第一次使用axios進行請求,本以為同ajax一樣,會很簡單,但是結果往往不讓人滿意啊,get請求很簡單,這里就不說了,主要說下 post請求方式。
使用axios進行post請求,后臺居然接收不到數(shù)據(jù),這就納悶了,于是網(wǎng)上一頓搜索,現(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方式
看到網(wǎng)上好多解決辦法都在說qs,于是裝了qs插件,使用方法也很簡單。首先安裝插件,然后注冊組件,axios.post(url,Qs.stringify(params)),在傳遞參數(shù)前,用qs轉換下格式就可以了,Qs是將對象 序列化成URL的形式,以&進行拼接,在后臺輸出下接收的數(shù)據(jù),嘿有值了,別提有多高興了,剛樂呵沒二分鐘,等會再認真看看,這才發(fā)現(xiàn)當數(shù)據(jù)為空時qs居然給過濾掉了,直接沒傳,這叫一個傷心。。。
3.改變后臺接收方式
網(wǎng)上的帖子大部分都是在前端處理,但沒什么太好的解決辦法,于是把思路轉到后臺,改變后臺的接收方式,最終使用file_get_contents('php://input')解決。
以上這篇解決Vue axios post請求,后臺獲取不到數(shù)據(jù)的問題方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
- vue中axios處理http發(fā)送請求的示例(Post和get)
- 詳解vue axios用post提交的數(shù)據(jù)格式
- 詳解Vue用axios發(fā)送post請求自動set cookie
- 解決vue處理axios post請求傳參的問題
- vue axios post發(fā)送復雜對象問題
- vue+axios實現(xiàn)post文件下載
- 解決在Vue中使用axios POST請求變成OPTIONS的問題
- vue中使用axios post上傳頭像/圖片并實時顯示到頁面的方法
- vue 2.x 中axios 封裝的get 和post方法
- Vue-cli中post請求發(fā)送Json格式數(shù)據(jù)方式
- vue基礎之使用get、post、jsonp實現(xiàn)交互功能示例
- Vue使用axios post方式將表單中的數(shù)據(jù)以json格式提交給后端接收操作實例
相關文章
基于Vue2.0和Typescript實現(xiàn)多主題切換的示例
本文主要介紹了基于Vue2.0和Typescript實現(xiàn)多主題切換的示例,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2023-04-04vue+vant使用圖片預覽功能ImagePreview的問題解決
這篇文章主要介紹了vue+vant使用圖片預覽功能ImagePreview的問題解決,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2020-04-04vue項目keepAlive配合vuex動態(tài)設置路由緩存方式
vue項目keepAlive配合vuex動態(tài)設置路由緩存方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-04-04Ant Design Vue pro 動態(tài)路由的實現(xiàn)和打包方式
這篇文章主要介紹了Ant Design Vue pro 動態(tài)路由的實現(xiàn)和打包方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2023-06-06如何解決element-ui中select下拉框popper超出彈框問題
這篇文章主要介紹了如何解決element-ui中select下拉框popper超出彈框問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-04-04vue單向以及雙向數(shù)據(jù)綁定方式(v-bind和v-model的使用)
這篇文章主要介紹了vue單向以及雙向數(shù)據(jù)綁定方式(v-bind和v-model的使用),具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2023-04-04