反応ルーターのブラウザ履歴更新ページ 404 問題を解決する方法

React を使用して新しいプロジェクトを開発する場合、ページを更新して二次または三次ルーティングに直接アクセスすると、アクセスが失敗し、404 またはリソース読み込み例外が発生します。この記事では、この問題を分析し、解決策をまとめます。この記事では、react-router のブラウザ履歴更新ページの 404 問題の解決策を主に紹介します。困っている人はぜひ参考にしてください。

背景

webpack-dev-server をローカル開発サーバーとして使用する場合、通常の状況では、単に webpack-dev-server コマンドを使用するだけで起動できます。ただし、プロジェクトが次の 2 つの状況では、多くの場合、組み込みの Set ルーティングと非同期ロード ルーティングが必要になります。

1. シングルページ アプリケーションのルーティングを構築するには、react-router などのルーティング ライブラリを使用します

2. を使用します。 -plugin ロードされた js の

   著者別の最新記事

   • 最新の PHP Programmer Toolbox v1.0 バージョンの紹介
     1970-01-01 08:00:00
   • vue-cliカスタムディレクティブの詳細説明 検証スライダーを追加するディレクティブ
     1970-01-01 08:00:00
   • PHPでIMAPを利用したメール受信例を詳しく解説
     2023-03-19 18:36:02
   • Redisの一般的な利用シナリオの共有
     2023-03-21 07:36:01
   • JSの数値と文字列の変換を詳しく解説
     1970-01-01 08:00:00
   • Dreamweaver Web ページに電子メール リンクを追加する共有の例
     1970-01-01 08:00:00
   • Vue フィルターとその使用法の概要
     1970-01-01 08:00:00
   • PHPの基礎知識メモ共有
     2023-03-20 14:32:01
   • WeChatアプレットファイルAPIの詳細説明
     1970-01-01 08:00:00
   • JSで実装されるajaxと同一オリジン戦略について詳しく解説
     1970-01-01 08:00:00
   最新の問題

   function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";

   から 2024-04-29 11:01:01

   0

   3

   2300

   Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?

   から 2024-04-23 00:22:19

   0

   11

   2432

   子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。

   から 2024-04-19 15:37:47

   0

   1

   2047

   親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');

   から 2024-04-18 23:52:34

   0

   1

   1931

   CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア

   から 2024-04-16 10:10:18

   0

   0

   2002
   関連トピック

   詳細>

   • Webサーバーの設定方法
   • vscodeの中国語インターフェースの設定が反映されない問題の解決策
   • hiberfilファイルの削除方法
   • MySQLデータベースの移行方法
   • 広告の宣伝
   • 499エラーコード終了の解決策
   • Tomcat の起動時のクラッシュを解決する方法
   • PD急速充電と一般的な急速充電の違い