如何在 Go 應(yīng)用中實(shí)現(xiàn)前端路由
問(wèn)題：
訪問(wèn)特定對(duì)象時(shí)對(duì)于服務(wù)于 React 前端的 Go 應(yīng)用程序，直接在瀏覽器中使用路徑 (/my_frontend_path)，您會(huì)遇到404 錯(cuò)誤。這是因?yàn)?Go 服務(wù)器無(wú)法識(shí)別該路徑，導(dǎo)致服務(wù)器請(qǐng)求該頁(yè)面。
解決方案：
將無(wú)法識(shí)別的路徑委托給前端React 路由器，您可以實(shí)現(xiàn)以下幾種方法之一：
1.哈希歷史記錄
在鏈接的問(wèn)題中建議使用哈希歷史記錄，并涉及在客戶端路由的 URL 中添加 #。這確保服務(wù)器不會(huì)解釋路徑并允許前端路由器處理它。
2.包羅萬(wàn)象的方法
對(duì)于純粹的服務(wù)器端解決方案，您可以實(shí)現(xiàn)包羅萬(wàn)象的方法，為任何無(wú)法識(shí)別的路徑返回index.html。這確保了前端應(yīng)用程序已加載，并且路由器可以相應(yīng)地檢測(cè)和路由路徑。
以下是在 Go 中實(shí)現(xiàn)它的方法：
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 then return if; 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)
}
注意： 此方法將為所有無(wú)法識(shí)別的路徑返回index.html，包括不存在的文件。如果這會(huì)帶來(lái)問(wèn)題，您可以考慮添加限制，例如檢查文件擴(kuò)展名。
以上是使用 Go 后端服務(wù) React 前端時(shí)如何處理 404 錯(cuò)誤？的詳細(xì)內(nèi)容。更多信息請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！
熱AI工具
Undress AI Tool
免費(fèi)脫衣服圖片
Undresser.AI Undress
人工智能驅(qū)動(dòng)的應(yīng)用程序，用于創(chuàng)建逼真的裸體照片
AI Clothes Remover
用于從照片中去除衣服的在線人工智能工具。
Clothoff.io
AI脫衣機(jī)
Video Face Swap
使用我們完全免費(fèi)的人工智能換臉工具輕松在任何視頻中換臉！
熱門(mén)文章
熱工具
記事本++7.3.1
好用且免費(fèi)的代碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
功能強(qiáng)大的PHP集成開(kāi)發(fā)環(huán)境
Dreamweaver CS6
視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具
SublimeText3 Mac版
神級(jí)代碼編輯軟件(SublimeText3)
熱門(mén)話題
如何在GO中的結(jié)構(gòu)實(shí)例上調(diào)用方法？
Jun 24, 2025 pm 03:17 PM
在Go語(yǔ)言中，調(diào)用結(jié)構(gòu)體方法需先定義結(jié)構(gòu)體和綁定接收者的方法，使用點(diǎn)號(hào)訪問(wèn)。定義結(jié)構(gòu)體Rectangle后，可通過(guò)值接收者或指針接收者聲明方法；1.使用值接收者如func(rRectangle)Area()int，通過(guò)rect.Area()直接調(diào)用；2.若需修改結(jié)構(gòu)體，應(yīng)使用指針接收者如func(r*Rectangle)SetWidth(...)，Go會(huì)自動(dòng)處理指針與值的轉(zhuǎn)換；3.嵌入結(jié)構(gòu)體時(shí)，內(nèi)嵌結(jié)構(gòu)體的方法會(huì)被提升，可直接通過(guò)外層結(jié)構(gòu)體調(diào)用；4.Go無(wú)需強(qiáng)制使用getter/setter，字
將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主要用于后端開(kāi)發(fā)，但也能在前端領(lǐng)域間接發(fā)揮作用。其設(shè)計(jì)目標(biāo)聚焦高性能、并發(fā)處理和系統(tǒng)級(jí)編程，適合構(gòu)建API服務(wù)器、微服務(wù)、分布式系統(tǒng)、數(shù)據(jù)庫(kù)操作及CLI工具等后端應(yīng)用。雖然Golang不是網(wǎng)頁(yè)前端的主流語(yǔ)言，但可通過(guò)GopherJS編譯成JavaScript、通過(guò)TinyGo運(yùn)行于WebAssembly，或搭配模板引擎生成HTML頁(yè)面來(lái)參與前端開(kāi)發(fā)。然而，現(xiàn)代前端開(kāi)發(fā)仍需依賴(lài)JavaScript/TypeScript及其生態(tài)。因此，Golang更適合以高性能后端為核心的技術(shù)棧選擇。
如何完全，干凈地從我的系統(tǒng)中卸載Golang？
Jun 30, 2025 am 01:58 AM
TocompletelyuninstallGolang,firstdeterminehowitwasinstalled(packagemanager,binary,source,etc.),thenremoveGobinariesanddirectories,cleanupenvironmentvariables,anddeleterelatedtoolsandcaches.Beginbycheckinginstallationmethod:commonmethodsincludepackage
如何使用頻道在Golang的Goroutines之間進(jìn)行通信？
Jun 26, 2025 pm 12:08 PM
Go語(yǔ)言中channel用于goroutine間通信與同步。聲明使用make函數(shù)，如ch:=make(chanstring)，發(fā)送用ch
在構(gòu)建過(guò)程中，'找不到軟件包”錯(cuò)誤是什么意思？
Jun 26, 2025 pm 12:57 PM
當(dāng)遇到“cannotfindpackage”錯(cuò)誤時(shí)，通常是因?yàn)镚o無(wú)法找到目標(biāo)包或依賴(lài)。解決方法如下：1.檢查導(dǎo)入路徑是否正確，確保與模塊路徑或目錄結(jié)構(gòu)一致；2.確認(rèn)已初始化go.mod文件，使用gomodinit和gomodtidy管理依賴(lài)；3.運(yùn)行g(shù)oget下載缺失依賴(lài)或清理模塊緩存；4.確保在正確的目錄上下文中執(zhí)行命令，或指定完整的模塊相對(duì)路徑進(jìn)行構(gòu)建。
如何在Golang中使用Select語(yǔ)句進(jìn)行非阻滯渠道操作和超時(shí)？
Jun 26, 2025 pm 01:08 PM
在Go中，使用select語(yǔ)句可以有效處理非阻塞通道操作和實(shí)現(xiàn)超時(shí)機(jī)制。通過(guò)default分支實(shí)現(xiàn)非阻塞接收或發(fā)送操作，如1.非阻塞接收：若有值則接收并打印，否則立即執(zhí)行default分支；2.非阻塞發(fā)送：若通道無(wú)接收者則跳過(guò)發(fā)送。此外，結(jié)合time.After可實(shí)現(xiàn)超時(shí)控制，例如等待結(jié)果或2秒后超時(shí)返回。還可組合非阻塞與超時(shí)行為，先嘗試立即獲取值，失敗后再短暫等待，提升程序并發(fā)響應(yīng)能力。
