重定向到Go 中的前端路由
在運行Go 後端和運行時無法使用http://localhost:8090/my_frontend_path 等URL 訪問前端路徑React 前端可以歸功於一個基本問題：
The Root原因
當(dāng)您從瀏覽器存取 http://localhost:8090/my_frontend_path 時，前端 React 路由器尚未啟動。因此，瀏覽器向伺服器請求頁面。但是，建置資料夾中不存在 my_frontend_path，導(dǎo)致 404「找不到頁面」錯誤。
簡單的伺服器端解決方案
修正此問題的一種直接方法是透過在 Go 伺服器層級實作「包羅萬象」的方法。這涉及到為其他地方未明確處理的任何路徑返回index.html（以及您的應(yīng)用程式）。以下是一個範(fàn)例：
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 應(yīng)用程式使用雜湊歷史記錄。使用此方法，對 my_frontend_path URL 的初始請求將不會與 Go 伺服器互動。相反，它將完全由 React 路由器處理。雜湊歷史記錄可以在 React 應(yīng)用程式的 createBrowserHistory 或 createHashHistory 函數(shù)中配置。
以上是使用 Go 後端路由 React 前端時如何修正「404 Not Found」錯誤？的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！
熱AI工具
Undress AI Tool
免費脫衣圖片
Undresser.AI Undress
人工智慧驅(qū)動的應(yīng)用程序，用於創(chuàng)建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強(qiáng)大的PHP整合開發(fā)環(huán)境
Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
熱門話題
您如何在GO中有效地處理JSON編碼和解碼？
Jun 11, 2025 am 12:02 AM
在Go中有效處理JSON需關(guān)注結(jié)構(gòu)標(biāo)籤、可選字段及動態(tài)解析等問題。使用struct標(biāo)籤可自定義JSON鍵名，如json:"name"；確保字段導(dǎo)出以供json包訪問。處理可選字段時使用指針或omitempty標(biāo)記以區(qū)分未提供與顯式零值。解析未知JSON時可採用map[string]interface{}並配合類型斷言提取數(shù)據(jù)，默認(rèn)數(shù)字會被解析為float64。調(diào)試時可用json.MarshalIndent美化輸出，但生產(chǎn)環(huán)境應(yīng)避免多餘格式化。掌握這些技巧可提升代碼的健壯性與可
GO程序如何使用CGO與C代碼進(jìn)行交互？權(quán)衡是什麼？
Jun 10, 2025 am 12:14 AM
Go程序確實可以通過Cgo與C代碼交互，它允許Go直接調(diào)用C函數(shù)。使用Cgo時，只需導(dǎo)入偽包“C”並在導(dǎo)入行上方的註釋中嵌入C代碼即可，例如包含C函數(shù)定義並調(diào)用它們。此外，可通過指定鏈接標(biāo)誌如#cgoLDFLAGS鏈接外部C庫。然而，使用Cgo需要注意多個問題：1.內(nèi)存管理需手動處理，不能依賴Go垃圾回收；2.Go類型與C類型可能不匹配，應(yīng)使用如C.int等類型保證一致性；3.多goroutine調(diào)用非線程安全C庫可能導(dǎo)致並發(fā)問題；4.調(diào)用C代碼存在性能開銷，應(yīng)減少跨語言邊界調(diào)用次數(shù)。 Cgo的缺
如何在不同的操作系統(tǒng)和體系結(jié)構(gòu)進(jìn)行跨編譯GO應(yīng)用程序？
Jun 11, 2025 am 12:12 AM
是的，goapplicationscanbecross-compiledfordfordferentoperatingsystemSandarchitures.todothis，firstSetthegoosandGoarchenVironMantVariaBlestVariablestoSpecifyThetArgetOsanchitector，sustasasAsAsGoos = linuxgoarch = linuxgoarch = amd64foralinuxbinarionorgoos = amd64foralinuxbinaryorgoos = windowsgoarchgoarch = arm64 forarkarcarch = arm644444444444444444444
Go如何處理指針，它們與C/C中的指針有何不同？
Jun 10, 2025 am 12:13 AM
Go簡化了指針的使用，提升了安全性。 1.不支持指針運算，防止內(nèi)存錯誤；2.自動垃圾回收管理內(nèi)存，無需手動分配或釋放；3.結(jié)構(gòu)體方法可無縫使用值或指針，語法更簡潔；4.默認(rèn)安全指針，減少懸空指針和內(nèi)存洩漏風(fēng)險。這些設(shè)計使Go比C/C 更易用且安全，但犧牲了部分底層控制能力。
默認(rèn)情況下，GO靜態(tài)鏈接的含義是什麼？
Jun 19, 2025 am 01:08 AM
Go默認(rèn)將程序編譯為獨立二進(jìn)製文件，主要原因是靜態(tài)鏈接。 1.部署更簡單：無需額外安裝依賴庫，可直接跨Linux發(fā)行版運行；2.二進(jìn)制體積更大：包含所有依賴導(dǎo)致文件尺寸增加，但可通過構(gòu)建標(biāo)誌或壓縮工具優(yōu)化；3.更高的可預(yù)測性與安全性：避免外部庫版本變化帶來的風(fēng)險，增強(qiáng)穩(wěn)定性；4.運行靈活性受限：無法熱更新共享庫，需重新編譯部署以修復(fù)依賴漏洞。這些特性使Go適用於CLI工具、微服務(wù)等場景，但在存儲受限或依賴集中管理的環(huán)境中需權(quán)衡取捨。
在沒有C中的手動內(nèi)存管理的情況下，如何確保內(nèi)存安全性？
Jun 19, 2025 am 01:11 AM
Goensuresmemorysafetywithoutmanualmanagementthroughautomaticgarbagecollection,nopointerarithmetic,safeconcurrency,andruntimechecks.First,Go’sgarbagecollectorautomaticallyreclaimsunusedmemory,preventingleaksanddanglingpointers.Second,itdisallowspointe
如何在GO中創(chuàng)建緩衝頻道？ （例如，make（chan int，10））
Jun 20, 2025 am 01:07 AM
在Go中創(chuàng)建緩衝通道只需在make函數(shù)中指定容量參數(shù)即可。緩衝通道允許發(fā)送操作在沒有接收者時暫存數(shù)據(jù)，只要未超過指定容量，例如ch:=make(chanint,10)創(chuàng)建了一個可存儲最多10個整型值的緩衝通道；與無緩衝通道不同，發(fā)送數(shù)據(jù)時不會立即阻塞，而是將數(shù)據(jù)暫存於緩衝區(qū)中，直到被接收者取走；使用時需注意：1.容量設(shè)置應(yīng)合理以避免內(nèi)存浪費或頻繁阻塞；2.需防止緩衝區(qū)無限堆積數(shù)據(jù)導(dǎo)致內(nèi)存問題；3.可用chanstruct{}類型傳遞信號以節(jié)省資源；常見場景包括控制並發(fā)數(shù)量、生產(chǎn)者-消費者模型及異
如何使用GO進(jìn)行系統(tǒng)編程任務(wù)？
Jun 19, 2025 am 01:10 AM
Go是系統(tǒng)編程的理想選擇，因為它結(jié)合了C等編譯型語言的性能與現(xiàn)代語言的易用性和安全性。 1.文件與目錄操作方面，Go的os包支持創(chuàng)建、刪除、重命名及檢查文件和目錄是否存在，使用os.ReadFile可一行代碼讀取整個文件，適用於編寫備份腳本或日誌處理工具；2.進(jìn)程管理方面，通過os/exec包的exec.Command函數(shù)可執(zhí)行外部命令、捕獲輸出、設(shè)置環(huán)境變量、重定向輸入輸出流以及控制進(jìn)程生命週期，適合用於自動化工具和部署腳本；3.網(wǎng)絡(luò)與並發(fā)方面，net包支持TCP/UDP編程、DNS查詢及原始套
