Go バックエンドで React フロントエンドをルーティングするときに発生する「404 Not Found」エラーを修正するにはどうすればよいですか?
Dec 29, 2024 pm 06:51 PM
Go のフロントエンド ルーティングへのリダイレクト
Go バックエンドとReact フロントエンドは根本的な問題に起因している可能性があります:
ルート原因
ブラウザから http://localhost:8090/my_frontend_path にアクセスすると、フロントエンドの React ルーターがまだアクティブになっていません。したがって、ブラウザはサーバーにページをリクエストします。ただし、my_frontend_path がビルド フォルダーに存在しないため、404 "ページが見つかりません" エラーが発生します。
シンプルなサーバー側(cè)の解決策
この問題を修正する簡(jiǎn)単な方法の 1 つは、次のとおりです。 Go サーバー レベルで「キャッチオール」アプローチを?qū)g裝します。これには、他の場(chǎng)所で明示的に処理されないパスに対して、index.html (および結(jié)果としてアプリ) を返すことが含まれます。以下に例を示します。
const FSPATH = "./build/"
func main() {
fs := http.FileServer(http.Dir(FSPATH))
http.HandleFunc("/my_api", func(w http.ResponseWriter, _ *http.Request) { w.Write([]byte("API CALL")) })
http.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) {
// If the requested file exists, return it; otherwise return index.html (fileserver default page)
if r.URL.Path != "/" {
fullPath := FSPATH + strings.TrimPrefix(path.Clean(r.URL.Path), "/")
_, err := os.Stat(fullPath)
if err != nil {
if !os.IsNotExist(err) {
panic(err)
}
// Requested file does not exist so we return the default (resolves to index.html)
r.URL.Path = "/"
}
}
fs.ServeHTTP(w, r)
})
http.ListenAndServe(":8090", nil)
}
このコードは、要求されたファイルの存在をチェックします。存在しない場(chǎng)合は、要求されたパスを「/」に変更します。これにより、index.html にリダイレクトされ、React ルーターがルーティングを処理できるようになります。
ハッシュ履歴の代替
別オプションは、React アプリケーションにハッシュ履歴を使用することです。このメソッドを使用すると、my_frontend_path URL への最初のリクエストは Go サーバーと対話しません。代わりに、React ルーターによって完全に処理されます。ハッシュ履歴は、React アプリの createBrowserHistory 関數(shù)または createHashHistory 関數(shù)で構(gòu)成できます。
以上がGo バックエンドで React フロントエンドをルーティングするときに発生する「404 Not Found」エラーを修正するにはどうすればよいですか?の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語(yǔ) Web サイトの他の関連記事を參照してください。
ホットAIツール
Undress AI Tool
脫衣畫像を無(wú)料で
Undresser.AI Undress
リアルなヌード寫真を作成する AI 搭載アプリ
AI Clothes Remover
寫真から衣服を削除するオンライン AI ツール。
Clothoff.io
AI衣類リムーバー
Video Face Swap
完全無(wú)料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡(jiǎn)単に交換できます。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無(wú)料のコードエディター
SublimeText3 中國(guó)語(yǔ)版
中國(guó)語(yǔ)版、とても使いやすい
ゼンドスタジオ 13.0.1
強(qiáng)力な PHP 統(tǒng)合開発環(huán)境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
Golangサービスを既存のPythonインフラストラクチャと統(tǒng)合するための戦略
Jul 02, 2025 pm 04:39 PM
統(tǒng)合されたservicesと統(tǒng)合されたpothonistoninfrastructure、userestapisorgrpcforinter-servicecommunication、goandpythonappstoStoStosandizedprotocols.1.userestapis（Frameworkslikeginingoand flaskinpython）またはuserestapisを許可します
Web APIのGolangとPythonのパフォーマンスの違いを理解する
Jul 03, 2025 am 02:40 AM
Golangofferssuperiorporformance、nativeconconcurrencyviagoroutines、および効率的なresourceusage、makingitidealforhigh-raffic、low-latencyapis;
Golang Frontendまたはバックエンドです
Jul 08, 2025 am 01:44 AM
Golangは主にバックエンド開発に使用されますが、フロントエンドフィールドで間接的な役割を果たすこともできます。その設(shè)計(jì)目標(biāo)は、高性能、同時(shí)処理、システムレベルのプログラミングに焦點(diǎn)を當(dāng)てており、APIサーバー、マイクロサービス、分散システム、データベース操作、CLIツールなどのバックエンドアプリケーションの構(gòu)築に適しています。 GolangはWebフロントエンドの主流言語(yǔ)ではありませんが、Gopherjsを介してJavaScriptにコンパイルしたり、Tinygoを介してWebAssemblyで実行したり、テンプレートエンジンを備えたHTMLページを生成してフロントエンド開発に參加できます。ただし、最新のフロントエンド開発は、JavaScript/TypeScriptとそのエコシステムに依存する必要があります。したがって、Golangは、コアとして高性能バックエンドを備えたテクノロジースタック選択により適しています。
GOのインストール方法
Jul 09, 2025 am 02:37 AM
GOをインストールするための鍵は、正しいバージョンを選択し、環(huán)境変數(shù)を構(gòu)成し、インストールを検証することです。 1.公式Webサイトにアクセスして、対応するシステムのインストールパッケージをダウンロードします。 Windowsは.msiファイルを使用し、macosは.pkgファイルを使用し、Linuxは.tar.gzファイルを使用し、 /usr /localディレクトリに解凍します。 2.環(huán)境変數(shù)を構(gòu)成し、linux/macOSで?/.bashrcまたは?/.zshrcを編集してパスとgopathを追加し、Windowsがシステムプロパティに移動(dòng)するパスを設(shè)定します。 3.政府コマンドを使用してインストールを確認(rèn)し、テストプログラムを?qū)g行してhello.goを?qū)g行して、編集と実行が正常であることを確認(rèn)します。プロセス全體のパス設(shè)定とループ
リソース消費(fèi)（CPU/メモリ）典型的なGolang vs Python Webサービスのベンチマーク
Jul 03, 2025 am 02:38 AM
Golangは通常、Webサービスを構(gòu)築するときにPythonよりもCPUとメモリを消費(fèi)します。 1. GolangのGoroutineモデルは、スケジューリングに効率的であり、強(qiáng)力なリクエスト処理機(jī)能を備えており、CPUの使用量が少ない。 2。GOはネイティブコードにコンパイルされ、ランタイム中に仮想マシンに依存せず、メモリの使用量が小さくなります。 3. Pythonは、GILと解釈実行メカニズムのために、同時(shí)シナリオでより大きなCPUとメモリオーバーヘッドを持っています。 4. Pythonには高い開発効率と豊富なエコシステムがありますが、低リソースを消費(fèi)します。これは、並行性要件が低いシナリオに適しています。
GolangでGraphQL APIを構(gòu)築する方法
Jul 08, 2025 am 01:03 AM
GOでGraphQlapiを構(gòu)築するには、GQLGenライブラリを使用して開発効率を向上させることをお?jiǎng)幛幛筏蓼埂?1.最初に、スキーマに基づいた自動(dòng)コード生成をサポートするGQLGENなどの適切なライブラリを選択します。 2。次に、graphqlschemaを定義し、投稿の種類やクエリメソッドの定義など、API構(gòu)造とクエリポータルを説明します。 3。次に、プロジェクトを初期化し、基本コードを生成して、リゾルバにビジネスロジックを?qū)g裝します。 4.最後に、graphqlhandlerをhttpserverに接続し、組み込みの遊び場(chǎng)を介してAPIをテストします。メモには、プロジェクトのメンテナンスを確保するためのフィールドネーミング仕様、エラー処理、パフォーマンスの最適化、セキュリティ設(shè)定が含まれます
マイクロサービスフレームワークの選択：Kitex/Gomicro vs Python Flask/Fastapiアプローチ
Jul 02, 2025 pm 03:33 PM
マイクロサービスフレームワークの選択は、プロジェクトの要件、チームテクノロジースタック、パフォーマンスの期待に基づいて決定する必要があります。 1.高性能の要件を考えると、GoのKitexまたはGomicroが優(yōu)先されます。特にKitexは複雑なサービスガバナンスと大規(guī)模システムに適しています。 2. PythonのFastapiまたはFlaskは、小規(guī)模チームやMVPプロ??ジェクトに適した、急速な発展および反復(fù)シナリオにより柔軟に対応しています。 3.チームのスキルスタックは選択コストに直接影響し、すでに蓄積している場(chǎng)合、より効率的になり続けます。 Pythonチームの発疹転換は、効率に影響を與える可能性があります。 4. GOフレームワークは、サービスガバナンスエコシステムでより成熟しており、將來的に高度な機(jī)能に接続する必要がある中および大規(guī)模システムに適しています。 5.単一の言語(yǔ)やフレームワークに固執(zhí)することなく、モジュールに従ってハイブリッドアーキテクチャを採(cǎi)用できます。
GO SYNC.WAITGROUPの例
Jul 09, 2025 am 01:48 AM
sync.waitgroupは、ゴルチンのグループがタスクを完了するのを待つために使用されます。そのコアは、3つの方法で協(xié)力することです。追加、完了、待機(jī)です。 1.ADD（n）待機(jī)するゴルチンの數(shù)を設(shè)定します。 2.done（）は各ゴルチンの端で呼び出され、カウントは1つ減少します。 3.wait（）すべてのタスクが完了するまでメインコルーチンをブロックします。使用する場(chǎng)合は、注意してください。Goroutineの外部で追加する必要があります。重複を避け、Donが呼び出されていることを確認(rèn)してください。 Deferで使用することをお?jiǎng)幛幛筏蓼?。これは、Webページの同時(shí)クロール、バッチデータ処理、その他のシナリオで一般的であり、並行性プロセスを効果的に制御できます。
