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è)の解決策
この問題を修正する簡単な方法の 1 つは、次のとおりです。 Go サーバー レベルで「キャッチオール」アプローチを?qū)g裝します。これには、他の場所で明示的に処理されないパスに対して、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)
}
このコードは、要求されたファイルの存在をチェックします。存在しない場合は、要求されたパスを「/」に変更します。これにより、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 中國語 Web サイトの他の関連記事を參照してください。
ホットAIツール
Undress AI Tool
脫衣畫像を無料で
Undresser.AI Undress
リアルなヌード寫真を作成する AI 搭載アプリ
AI Clothes Remover
寫真から衣服を削除するオンライン AI ツール。
Clothoff.io
AI衣類リムーバー
Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中國語版
中國語版、とても使いやすい
ゼンドスタジオ 13.0.1
強(qiáng)力な PHP 統(tǒng)合開発環(huán)境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
8632
17
1783
16
1722
56
1577
28
1437
31
デフォルトでGoの靜的リンクの意味は何ですか？
Jun 19, 2025 am 01:08 AM
プログラムをデフォルトでスタンドアロンのバイナリにコンパイルします。主な理由は靜的リンクです。 1.よりシンプルな展開：依存関係ライブラリの追加インストールは、Linux分布全體で直接実行できます。 2。バイナリサイズの大きい：すべての依存関係を含むと、ファイルサイズが増加しますが、構(gòu)築フラグまたは圧縮ツールを通じて最適化できます。 3.予測可能性とセキュリティの高まり：外部ライブラリバージョンの変更によってもたらされたリスクを避け、安定性を高めます。 4.制限された操作の柔軟性：共有ライブラリのホットアップデートはできません。依存関係の脆弱性を修正するには、再コンパイルと展開が必要です。これらの機(jī)能により、CLIツール、マイクロサービス、その他のシナリオに適していますが、ストレージが制限されているか、集中管理に依存している環(huán)境でトレードオフが必要です。
GOでバッファーチャネルを作成するにはどうすればよいですか？ （例えば、make（chan int、10））
Jun 20, 2025 am 01:07 AM
GOでバッファチャネルを作成するには、Make関數(shù)の容量パラメーターを指定するだけです。バッファチャネルは、指定された容量を超えない限り、受信機(jī)がない場合に送信操作が一時的にデータを保存できるようにします。たとえば、ch：= make（chanint、10）は、最大10個の整數(shù)値を保存できるバッファチャネルを作成します。バッファーされていないチャネルとは異なり、データは送信時にすぐにブロックされませんが、データはレシーバーによって奪われるまで一時的にバッファーに保存されます。それを使用する場合、注意してください。1。メモリの無駄や頻繁なブロックを避けるために、容量設(shè)定は妥當(dāng)でなければなりません。 2。バッファは、バッファーにメモリの問題が無期限に蓄積されないようにする必要があります。 3.信號は、リソースを保存するために、chantruct {}タイプを渡すことができます。一般的なシナリオには、並行性の數(shù)、生産者消費(fèi)者モデル、および差別化の制御が含まれます
Cのような手動メモリ管理なしでメモリの安全性をどのように保証しますか？
Jun 19, 2025 am 01:11 AM
guensuresmemorysafetywithoutwithoutmanagemationgarbagecolectrection、nopointerariThmetic、safeconcurrency、andruntimechecks.first、go’sgarbagecollectorectivative -sunusedmemory、rieksanddanglingpointers.second、itdidilowsepointe
システムプログラミングタスクにGOにどのように使用できますか？
Jun 19, 2025 am 01:10 AM
GOは、Cなどのコンパイルされた言語のパフォーマンスと、最新言語の使いやすさとセキュリティを組み合わせているため、システムプログラミングに最適です。 1.ファイルとディレクトリの操作に関して、GOのOSパッケージは、ファイルとディレクトリが存在するかどうかの作成、削除、名前変更、チェックをサポートします。 OS.ReadFileを使用して、バックアップスクリプトまたはログ処理ツールの書き込みに適した1行のコードでファイル全體を読み取ります。 2。プロセス管理の観點(diǎn)から、OS/EXECパッケージのexec.command関數(shù)は、外部コマンドを?qū)g行し、出力をキャプチャし、環(huán)境変數(shù)を設(shè)定し、入力と出力フローをリダイレクトし、自動化ツールと展開スクリプトに適したプロセスライフサイクルを制御できます。 3。ネットワークと並行性の観點(diǎn)から、ネットパッケージはTCP/UDPプログラミング、DNSクエリ、オリジナルセットをサポートします。
GOの機(jī)能的オプションパターンは何ですか、そしてそれらはいつコンストラクターの設(shè)計に役立ちますか？
Jun 14, 2025 am 12:21 AM
functionaloptionsingoareadesignsigntocreateflexibleandmaintainableconstructorswithmanyoptionalparameters.insteadofusinglongparameterlistsorconctructorovers、thispatternpassessessunctions.thatmodififythisthififysconfiguration.thiscuration.
GOの構(gòu)造インスタンスでメソッドを呼び出すにはどうすればよいですか？
Jun 24, 2025 pm 03:17 PM
GO言語では、構(gòu)造メソッドを呼び出すには、最初に構(gòu)造と受信機(jī)を結(jié)合する方法を定義し、ポイント番號を使用してアクセスする必要があります。構(gòu)造の長方形を定義した後、メソッドは値受信機(jī)またはポインターレシーバーを介して宣言できます。 1。func（rrectangle）領(lǐng)域（）intなどの値受信機(jī)を使用し、rect.area（）を介して直接呼び出します。 2.構(gòu)造を変更する必要がある場合は、FUNC（r*長方形）setWidth（...）などのポインターレシーバーを使用し、GOはポインターと値の変換を自動的に処理します。 3.構(gòu)造を埋め込むと、埋め込まれた構(gòu)造の方法が改善され、外側(cè)の構(gòu)造を介して直接呼び出すことができます。 4。GOは、Getter/Setterを使用する必要はありません。
GOのインターフェイスとは何ですか？また、それらを定義するにはどうすればよいですか？
Jun 22, 2025 pm 03:41 PM
Goでは、インターフェイスは、実裝を指定せずに動作を定義するタイプです。インターフェイスはメソッドシグネチャで構(gòu)成され、これらのメソッドを?qū)g裝する任意のタイプは、インターフェイスを自動的に満たします。たとえば、speak（）メソッドを含むスピーカーインターフェイスを定義する場合、メソッドを?qū)g裝するすべてのタイプをスピーカーと見なすことができます。インターフェイスは、一般的な関數(shù)、抽象的な実裝の詳細(xì)、およびテストで模擬オブジェクトの使用に適しています。インターフェイスの定義は、インターフェイスキーワードを使用し、メソッドシグネチャをリストし、インターフェイスを?qū)g裝するためにタイプを明示的に宣言することはありません。一般的なユースケースには、ログ、フォーマット、さまざまなデータベースまたはサービスの抽象化、および通知システムが含まれます。たとえば、犬とロボットの両方のタイプは、話す方法を?qū)g裝し、それらを同じannoに渡すことができます
IOパッケージを使用して、GOの入力ストリームと出力ストリームを使用するにはどうすればよいですか？
Jun 20, 2025 am 11:25 AM
thegoiopackageProvidesInterfacesLikerEaderAnderandRitoHandlei/ooperationsUniformlyAcrossources.1.io.Reader'SreadMethodenablessablesSreadingSuourCessuchasfilesorhtttttttttts
