目次
post
3. フロントエンドはオブジェクトに送信される値をカプセル化し、それをバックエンドに渡します:
ホームページ ウェブフロントエンド uni-app uniapp送信後の文字化け問題の解決方法

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

Dec 09, 2020 pm 05:59 PM
uni-app

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 までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

VSCode でユニアプリを開発するにはどうすればよいですか? (チュートリアルの共有) VSCode でユニアプリを開発するにはどうすればよいですか? (チュートリアルの共有) May 13, 2022 pm 08:11 PM

VSCode でユニアプリを開発するにはどうすればよいですか?次の記事では、VSCode でのユニアプリ開発に関するチュートリアルを紹介します。これは、おそらく最も詳細なチュートリアルです。ぜひ見に来てください!

uniapp を使用してシンプルなマップ ナビゲーションを開発する uniapp を使用してシンプルなマップ ナビゲーションを開発する Jun 09, 2022 pm 07:46 PM

uniapp を使用してシンプルなマップ ナビゲーションを開発するにはどうすればよいですか?この記事では簡単な地図の作り方を紹介しますので、ぜひ参考にしてください。

uniapp を使用してスネーク ゲームを開発する方法について話しましょう。 uniapp を使用してスネーク ゲームを開発する方法について話しましょう。 May 20, 2022 pm 07:56 PM

uniapp を使用してスネーク ゲームを開発するにはどうすればよいですか?次の記事では、Uniapp に Snake ゲームを実装する手順を段階的に説明します。お役に立てば幸いです。

uni-app vue3 インターフェイスリクエストをカプセル化する方法 uni-app vue3 インターフェイスリクエストをカプセル化する方法 May 11, 2023 pm 07:28 PM

uni-app インターフェイス、グローバル メソッドのカプセル化 1. ルート ディレクトリに API ファイルを作成し、API フォルダーに api.js、baseUrl.js、および http.js ファイルを作成します。 2.baseUrl.js ファイル コード exportdefault"https://XXXX .test03.qcw800.com/api/"3.http.js ファイル コードexportfunctionhttps(opts,data){lethttpDefaultOpts={url:opts.url,data:data,method:opts.method

ユニアプリ カレンダー プラグインを開発 (および公開) する手順を段階的に説明します。 ユニアプリ カレンダー プラグインを開発 (および公開) する手順を段階的に説明します。 Jun 30, 2022 pm 08:13 PM

この記事では、ユニアプリ カレンダー プラグインの開発をステップごとに説明し、次期カレンダー プラグインの開発からリリースまでの手順を紹介します。

uniapp が複数選択ボックスの全選択機能を実装する方法を説明する例 uniapp が複数選択ボックスの全選択機能を実装する方法を説明する例 Jun 22, 2022 am 11:57 AM

この記事では、uniapp に関する関連知識を提供します。主に、複数選択ボックスの全選択機能の実装に関する問題を整理します。全選択機能が実装できない理由は、チェックボックスのチェックされたフィールドがオンになっている場合です。動的に変更されると、インターフェイス上のステータスはリアルタイムに変更されますが、checkbox-group の変更イベントはトリガーされません。

uniapp のスクロールビュー ドロップダウンの読み込みについて話しましょう uniapp のスクロールビュー ドロップダウンの読み込みについて話しましょう Jul 14, 2022 pm 09:07 PM

uniapp はスクロールビューのドロップダウン読み込みをどのように実装しますか?次の記事では、uniapp WeChat アプレットのスクロールビューのドロップダウン読み込みについて説明しています。

uniapp が電話録音機能を実装する方法の詳細な例 (コード付き) uniapp が電話録音機能を実装する方法の詳細な例 (コード付き) Jan 05, 2023 pm 04:41 PM

この記事では、uniapp に関する関連知識を皆さんに提供します。主に uniapp を使用して電話をかける方法と同期録音する方法を紹介します。興味のある友人はぜひご覧ください。皆様のお役に立てれば幸いです。

See all articles