ホームページ  >  記事  >  ウェブフロントエンド  >  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送信後の文字化け問題の解決方法
2. ただし、実機デバッグのために携帯電話シミュレーターを開いたとき。 。 。事故が発生しました: uniapp送信後の文字化け問題の解決方法

背景の名前で表示されるエラーメッセージはおそらく次のようなものです。写真を切り忘れました (私の名前は中国語で入力されました: 果物):

uniapp送信後の文字化け問題の解決方法
/search/itemname?name="

9x8x9c8b5cv
"&page=1&num=12、リクエスト ヘッダーに無効な文字が見つかりました

get リクエストが発生するため

これは私の要件を満たしていませんでした。リクエストヘッダーが文字化けしていて、単純にプログラムに入っていないだけなのでダメです。 uniapp送信後の文字化け問題の解決方法

悩んだ末、最終的には

post

を使ってリクエストしたほうが良いと思いました。したがって:

3. フロントエンドはオブジェクトに送信される値をカプセル化し、それをバックエンドに渡します:

これは次のように出力されます:

uniapp送信後の文字化け問題の解決方法

uniapp送信後の文字化け問題の解決方法json 形式でリクエストをバックエンドに送信します

uniapp送信後の文字化け問題の解決方法4. バックエンドの場合は、次のように変更します。受信形式を @RequestBody に、つまり json 受信形式に変更します (Es7msg は、値を受信するために定義して使用したオブジェクトです)

uniapp送信後の文字化け問題の解決方法これで、目的の値を正常に取得できます。

uniapp送信後の文字化け問題の解決方法 値を渡すには post を使用するのが最善であることを皆さんに思い出していただきたいと思います。これにより、多くの文字化けを回避できます。

以上がuniapp送信後の文字化け問題の解決方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。