摘要:最近做項目,需要用到后臺是第一次使用進行請求,本以為同一樣,會很簡單,但是結(jié)果往往不讓人滿意啊,請求很簡單,這里就不說了,主要說下請求方式。以上只是個人的實踐經(jīng)過,有其他解決辦法的,歡迎留言。
最近做項目,需要用到vue,后臺是php,第一次使用axios進行請求,本以為同ajax一樣,會很簡單,但是結(jié)果往往不讓人滿意啊,get請求很簡單,這里就不說了,主要說下 post請求方式。
使用axios進行post請求,后臺居然接收不到數(shù)據(jù),這就納悶了,于是網(wǎng)上一頓搜索,現(xiàn)在將所用的解決辦法給大家說下:
1.new URLSearchParams方式起初使用params.append("屬性名":屬性值)的方式,對于簡單的數(shù)據(jù)傳遞這樣是沒有問題的,后臺可以正常接收數(shù)據(jù),但我發(fā)現(xiàn)一個問題,不知道大家有沒有遇到過,當(dāng)傳遞數(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轉(zhuǎn)換下格式就可以了,Qs是將對象 序列化成URL的形式,以&進行拼接,在后臺輸出下接收的數(shù)據(jù),嘿有值了,別提有多高興了,剛樂呵沒二分鐘,等會再認(rèn)真看看,這才發(fā)現(xiàn)當(dāng)數(shù)據(jù)為空時qs居然給過濾掉了,直接沒傳,這叫一個傷心。。。
3.改變后臺接收方式網(wǎng)上的帖子大部分都是在前端處理,但沒什么太好的解決辦法,于是把思路轉(zhuǎn)到后臺,改變后臺的接收方式,用file_get_contents("php://input")來接收前端傳來的參數(shù),前端正常格式傳輸。
axios.post(url, params,{"Content-Type":"application/x-www-form-urlencoded; charset=UTF-8"})
以上只是個人的實踐經(jīng)過,有其他解決辦法的,歡迎留言。
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/28402.html
摘要:最近做項目,做分頁的功能,使用給后臺發(fā)送數(shù)據(jù),使用接口還是工具都可獲取數(shù)據(jù),唯獨獲取不到經(jīng)過排除,發(fā)現(xiàn)這與的傳參格式有關(guān)系在使用時,要注意到配置選項中包含和兩者,以為他們是相同的,實則不然。因為是添加到的請求字符串中的,用于請求。 最近做vue項目,做分頁的功能,使用post給后臺發(fā)送數(shù)據(jù),使用接口還是工具(postman)都可獲取數(shù)據(jù),唯獨axios獲取不到;經(jīng)過排除,發(fā)現(xiàn)這與axi...
摘要:如果全部鉤子執(zhí)行完了,則導(dǎo)航的狀態(tài)就是確認(rèn)的。中斷當(dāng)前的導(dǎo)航。如果瀏覽器的改變了可能是用戶手動或者瀏覽器后退按鈕,那么地址會重置到或者跳轉(zhuǎn)到一個不同的地址。 githubhttps://github.com/cd-dongzi/vue-example 1. 解決css背景圖片打包路徑錯誤的問題 在utils.js 文件中 找到 generateLoaders 方法 把以下代碼進行更...
摘要:本文的目的在于探討前后端數(shù)據(jù)交互,并給出不同的解決方案供大家參考。實際使用只需在配置文件配置其他配置其他組件配置以上就是前端處理和后端處理兩種解決方案,可根據(jù)實際情況選擇 一、前言 axios是vue項目中用來使用ajax技術(shù)來與后臺交換數(shù)據(jù)的一個組件,在vue的作者推薦下,相當(dāng)數(shù)量的vue前端開發(fā)人員開始使用它。但是在實際開發(fā)過程中,卻時有出現(xiàn)后端接收不到前端post過來的數(shù)據(jù)的情況...
摘要:本文的目的在于探討前后端數(shù)據(jù)交互,并給出不同的解決方案供大家參考。實際使用只需在配置文件配置其他配置其他組件配置以上就是前端處理和后端處理兩種解決方案,可根據(jù)實際情況選擇 一、前言 axios是vue項目中用來使用ajax技術(shù)來與后臺交換數(shù)據(jù)的一個組件,在vue的作者推薦下,相當(dāng)數(shù)量的vue前端開發(fā)人員開始使用它。但是在實際開發(fā)過程中,卻時有出現(xiàn)后端接收不到前端post過來的數(shù)據(jù)的情況...
摘要:場景如下前端使用向后臺發(fā)了一個為的請求,后臺接口如下發(fā)現(xiàn)接收不到的信息。改為也一樣接收不到。表單請求提交時,使用的是,而使用原生的請求如果不指定請求頭,默認(rèn)使用的是。 場景如下:前端vue使用axios向后臺發(fā)了一個Content-type為application/json的post請求,后臺springmvc接口如下: @RequestMapping(xxx) public Resu...
閱讀 2755·2019-08-30 15:53
閱讀 521·2019-08-29 17:22
閱讀 1040·2019-08-29 13:10
閱讀 2307·2019-08-26 13:45
閱讀 2751·2019-08-26 10:46
閱讀 3202·2019-08-26 10:45
閱讀 2504·2019-08-26 10:14
閱讀 467·2019-08-23 18:23