首頁  >  文章  >  web前端  >  如何解決uniapp提交後亂碼的問題

如何解決uniapp提交後亂碼的問題

藏色散人
藏色散人原創
2020-12-09 17:59:477233瀏覽

uniapp提交後亂碼的解決方法:1、在前端把要傳的值封裝成一個物件傳給後端;2、在後端中,修改接收格式為“@RequestBody”,也就是json接收格式即可。

如何解決uniapp提交後亂碼的問題

本教學操作環境:windows7系統、uni-app2.5.1版本,Dell G3電腦。

推薦(免費):uni-app開發教學

#uni-app前端get請求給後端傳中文值亂碼問題

#記錄做畢設時遇到的一些亂碼問題

1. 一開始我是使用get方式給後端springboot傳值,在h5頁面調試的時候十分友好,啥錯沒有,一切都是這麼的順利。

如何解決uniapp提交後亂碼的問題
如何解決uniapp提交後亂碼的問題

2. 然而當我開啟手機模擬器真機偵錯時。 。 。意外來了:

如何解決uniapp提交後亂碼的問題
後台name顯示報錯訊息大概是這樣的,忘了切圖了(我name輸入的是中文:水果):

/search/itemname?name="9x8x9c8b5cv"&page=1&num=12,顯示請求頭發現無效字元

因為get請求是發生在url請求頭上的,所以我就到處找解決亂碼的方法,但是找到的全都是在後台進行解碼的

如何解決uniapp提交後亂碼的問題

#這並不符合我的要求,因為在請求頭亂碼,壓根就沒進入程序,所以,沒用。

萬般折騰之後,最後覺得,還是用 post 請求好一點。於是:

3. 前端把要傳的值封裝一下成一個物件傳給後端:

如何解決uniapp提交後亂碼的問題## 印出來是這樣子的:

如何解決uniapp提交後亂碼的問題

給後端發送json格式的請求

如何解決uniapp提交後亂碼的問題

#4. 後端,改一下接收格式為@ RequestBody–即json 接收格式(Es7msg是我定義的一個對象,用了接收值的)

如何解決uniapp提交後亂碼的問題

然後就能成功的獲取到了想要的值啦

如何解決uniapp提交後亂碼的問題

這裡提醒大家,傳值最好用post來傳值,可以避免很多亂碼現象。

以上是如何解決uniapp提交後亂碼的問題的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn