重定向到Go 中的前端路由
在運行Go 後端和運行時無法使用http://localhost:8090/my_frontend_path 等URL 訪問前端路徑React 前端可以歸功於一個基本問題：
The Root原因
當您從瀏覽器存取 http://localhost:8090/my_frontend_path 時，前端 React 路由器尚未啟動。因此，瀏覽器向伺服器請求頁面。但是，建置資料夾中不存在 my_frontend_path，導致 404「找不到頁面」錯誤。
簡單的伺服器端解決方案
修正此問題的一種直接方法是透過在 Go 伺服器層級實作「包羅萬象」的方法。這涉及到為其他地方未明確處理的任何路徑返回index.html（以及您的應用程式）。以下是一個範例：
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 或 createHashHistory 函數(shù)中配置。
以上是使用 Go 後端路由 React 前端時如何修正「404 Not Found」錯誤？的詳細內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！
熱AI工具
Undress AI Tool
免費脫衣圖片
Undresser.AI Undress
人工智慧驅(qū)動的應用程序，用於創(chuàng)建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發(fā)環(huán)境
Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
將Golang服務與現(xiàn)有Python基礎(chǔ)架構(gòu)集成的策略
Jul 02, 2025 pm 04:39 PM
TOIntegrategolangServicesWithExistingPypythoninFrasture，userestapisorgrpcForinter-serviceCommunication，允許GoandGoandPyThonAppStoStoInteractSeamlessSeamLlyThroughlyThroughStandArdArdAdrotized Protoccols.1.usererestapis（ViaFrameWorkslikeSlikeSlikeGiningOandFlaskInpyThon）Orgrococo（wirs Propococo）
了解Web API的Golang和Python之間的性能差異
Jul 03, 2025 am 02:40 AM
Golangofferssuperiorperformance,nativeconcurrencyviagoroutines,andefficientresourceusage,makingitidealforhigh-traffic,low-latencyAPIs;2.Python,whileslowerduetointerpretationandtheGIL,provideseasierdevelopment,arichecosystem,andisbettersuitedforI/O-bo
是Golang前端還是後端
Jul 08, 2025 am 01:44 AM
Golang主要用於後端開發(fā)，但也能在前端領(lǐng)域間接發(fā)揮作用。其設(shè)計目標聚焦高性能、並發(fā)處理和系統(tǒng)級編程，適合構(gòu)建API服務器、微服務、分佈式系統(tǒng)、數(shù)據(jù)庫操作及CLI工具等後端應用。雖然Golang不是網(wǎng)頁前端的主流語言，但可通過GopherJS編譯成JavaScript、通過TinyGo運行於WebAssembly，或搭配模板引擎生成HTML頁面來參與前端開發(fā)。然而，現(xiàn)代前端開發(fā)仍需依賴JavaScript/TypeScript及其生態(tài)。因此，Golang更適合以高性能後端為核心的技術(shù)棧選擇。
如何安裝去
Jul 09, 2025 am 02:37 AM
安裝Go的關(guān)鍵在於選擇正確版本、配置環(huán)境變量並驗證安裝。 1.前往官網(wǎng)下載對應系統(tǒng)的安裝包，Windows使用.msi文件，macOS使用.pkg文件，Linux使用.tar.gz文件並解壓至/usr/local目錄；2.配置環(huán)境變量，在Linux/macOS中編輯~/.bashrc或~/.zshrc添加PATH和GOPATH，Windows則在系統(tǒng)屬性中設(shè)置PATH為Go的安裝路徑；3.使用goversion命令驗證安裝，並運行測試程序hello.go確認編譯執(zhí)行正常。整個流程中PATH設(shè)置和環(huán)
典型Golang vs Python Web服務的資源消耗（CPU/內(nèi)存）基準
Jul 03, 2025 am 02:38 AM
Golang在構(gòu)建Web服務時CPU和內(nèi)存消耗通常低於Python。 1.Golang的goroutine模型調(diào)度高效，並發(fā)請求處理能力強，CPU使用率更低；2.Go編譯為原生代碼，運行時不依賴虛擬機，內(nèi)存佔用更?。?.Python因GIL和解釋執(zhí)行機制，在並發(fā)場景下CPU和內(nèi)存開銷更大；4.雖然Python開發(fā)效率高、生態(tài)豐富，但資源消耗較高，適合併發(fā)要求不高的場景。
如何在Golang中構(gòu)建GraphQl API
Jul 08, 2025 am 01:03 AM
要構(gòu)建一個GraphQLAPI在Go語言中，推薦使用gqlgen庫以提高開發(fā)效率。 1.首先選擇合適的庫，如gqlgen，它支持根據(jù)schema自動生成代碼；2.接著定義GraphQLschema，描述API的結(jié)構(gòu)和查詢?nèi)肟?，如定義Post類型和查詢方法；3.然後初始化項目並生成基礎(chǔ)代碼，實現(xiàn)resolver中的業(yè)務邏輯；4.最後將GraphQLhandler接入HTTPserver，通過內(nèi)置Playground測試API。注意事項包括字段命名規(guī)範、錯誤處理、性能優(yōu)化及安全設(shè)置等，確保項目可維護性
選擇微服務框架：Kitex/Gomicro vs Python燒瓶/FastApi方法
Jul 02, 2025 pm 03:33 PM
選微服務框架應根據(jù)項目需求、團隊技術(shù)棧和性能預期來決定。 1.性能要求高時優(yōu)先考慮Go的KitEx或GoMicro，尤其KitEx適合複雜服務治理和大規(guī)模系統(tǒng)；2.快速開發(fā)和迭代場景下Python的FastAPI或Flask更靈活，適合小團隊和MVP項目；3.團隊技能棧直接影響選型成本，已有Go積累則延續(xù)使用更高效，Python團隊貿(mào)然轉(zhuǎn)Go可能影響效率；4.Go框架在服務治理生態(tài)上更成熟，適合未來需對接高級功能的中大型系統(tǒng)；5.可按模塊採用混合架構(gòu)，不必拘泥於單一語言或框架。
Go Sync.WaitGroup示例
Jul 09, 2025 am 01:48 AM
sync.WaitGroup用於等待一組goroutine完成任務，其核心是通過Add、Done、Wait三個方法協(xié)同工作。 1.Add(n)設(shè)置需等待的goroutine數(shù)量；2.Done()在每個goroutine結(jié)束時調(diào)用，計數(shù)減一；3.Wait()阻塞主協(xié)程直到所有任務完成。使用時需注意：Add應在goroutine外調(diào)用、避免重複Wait、務必確保Done被調(diào)用，推薦配合defer使用。常見於並發(fā)抓取網(wǎng)頁、批量數(shù)據(jù)處理等場景，能有效控制並發(fā)流程。
