重定向到 Go 中的前端路由
在運行 Go 后端和運行時無法使用 http://localhost:8090/my_frontend_path 等 URL 訪問前端路徑React 前端可以歸因于一個基本問題：
The Root原因
當(dāng)您從瀏覽器訪問 http://localhost:8090/my_frontend_path 時，前端 React 路由器尚未激活。因此，瀏覽器向服務(wù)器請求頁面。但是，構(gòu)建文件夾中不存在 my_frontend_path，導(dǎo)致 404“找不到頁面”錯誤。
簡單的服務(wù)器端解決方案
糾正此問題的一種直接方法是通過在 Go 服務(wù)器級別實現(xiàn)“包羅萬象”的方法。這涉及到為其他地方未明確處理的任何路徑返回index.html（以及您的應(yīng)用程序）。下面是一個示例：
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 服務(wù)器交互。相反，它將完全由 React 路由器處理。哈希歷史記錄可以在 React 應(yīng)用程序的 createBrowserHistory 或 createHashHistory 函數(shù)中配置。
以上是使用 Go 后端路由 React 前端時如何修復(fù)'404 Not Found”錯誤？的詳細內(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
功能強大的PHP集成開發(fā)環(huán)境
Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具
SublimeText3 Mac版
神級代碼編輯軟件(SublimeText3)
將Golang服務(wù)與現(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服務(wù)器、微服務(wù)、分布式系統(tǒng)、數(shù)據(jù)庫操作及CLI工具等后端應(yīng)用。雖然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)下載對應(yī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服務(wù)的資源消耗（CPU/內(nèi)存）基準
Jul 03, 2025 am 02:38 AM
Golang在構(gòu)建Web服務(wù)時CPU和內(nèi)存消耗通常低于Python。1.Golang的goroutine模型調(diào)度高效，并發(fā)請求處理能力強，CPU使用率更低；2.Go編譯為原生代碼，運行時不依賴虛擬機，內(nèi)存占用更小；3.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è)務(wù)邏輯；4.最后將GraphQLhandler接入HTTPserver，通過內(nèi)置Playground測試API。注意事項包括字段命名規(guī)范、錯誤處理、性能優(yōu)化及安全設(shè)置等，確保項目可維護性
選擇微服務(wù)框架：Kitex/Gomicro vs Python燒瓶/FastApi方法
Jul 02, 2025 pm 03:33 PM
選微服務(wù)框架應(yīng)根據(jù)項目需求、團隊技術(shù)棧和性能預(yù)期來決定。1.性能要求高時優(yōu)先考慮Go的KitEx或GoMicro，尤其KitEx適合復(fù)雜服務(wù)治理和大規(guī)模系統(tǒng)；2.快速開發(fā)和迭代場景下Python的FastAPI或Flask更靈活，適合小團隊和MVP項目；3.團隊技能棧直接影響選型成本，已有Go積累則延續(xù)使用更高效，Python團隊貿(mào)然轉(zhuǎn)Go可能影響效率；4.Go框架在服務(wù)治理生態(tài)上更成熟，適合未來需對接高級功能的中大型系統(tǒng)；5.可按模塊采用混合架構(gòu)，不必拘泥于單一語言或框架。
Go Sync.WaitGroup示例
Jul 09, 2025 am 01:48 AM
sync.WaitGroup用于等待一組goroutine完成任務(wù)，其核心是通過Add、Done、Wait三個方法協(xié)同工作。1.Add(n)設(shè)置需等待的goroutine數(shù)量；2.Done()在每個goroutine結(jié)束時調(diào)用，計數(shù)減一；3.Wait()阻塞主協(xié)程直到所有任務(wù)完成。使用時需注意：Add應(yīng)在goroutine外調(diào)用、避免重復(fù)Wait、務(wù)必確保Done被調(diào)用，推薦配合defer使用。常見于并發(fā)抓取網(wǎng)頁、批量數(shù)據(jù)處理等場景，能有效控制并發(fā)流程。
