重定向到 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 函數中配置。
以上是使用 Go 后端路由 React 前端時如何修復'404 Not Found”錯誤？的詳細內容。更多信息請關注PHP中文網其他相關文章！
熱AI工具
Undress AI Tool
免費脫衣服圖片
Undresser.AI Undress
人工智能驅動的應用程序，用于創(chuàng)建逼真的裸體照片
AI Clothes Remover
用于從照片中去除衣服的在線人工智能工具。
Clothoff.io
AI脫衣機
Video Face Swap
使用我們完全免費的人工智能換臉工具輕松在任何視頻中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的代碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
功能強大的PHP集成開發(fā)環(huán)境
Dreamweaver CS6
視覺化網頁開發(fā)工具
SublimeText3 Mac版
神級代碼編輯軟件(SublimeText3)
默認情況下，GO靜態(tài)鏈接的含義是什么？
Jun 19, 2025 am 01:08 AM
Go默認將程序編譯為獨立二進制文件，主要原因是靜態(tài)鏈接。1.部署更簡單：無需額外安裝依賴庫，可直接跨Linux發(fā)行版運行；2.二進制體積更大：包含所有依賴導致文件尺寸增加，但可通過構建標志或壓縮工具優(yōu)化；3.更高的可預測性與安全性：避免外部庫版本變化帶來的風險，增強穩(wěn)定性；4.運行靈活性受限：無法熱更新共享庫，需重新編譯部署以修復依賴漏洞。這些特性使Go適用于CLI工具、微服務等場景，但在存儲受限或依賴集中管理的環(huán)境中需權衡取舍。
如何在GO中創(chuàng)建緩沖頻道？ （例如，make（chan int，10））
Jun 20, 2025 am 01:07 AM
在Go中創(chuàng)建緩沖通道只需在make函數中指定容量參數即可。緩沖通道允許發(fā)送操作在沒有接收者時暫存數據，只要未超過指定容量，例如ch:=make(chanint,10)創(chuàng)建了一個可存儲最多10個整型值的緩沖通道；與無緩沖通道不同，發(fā)送數據時不會立即阻塞，而是將數據暫存于緩沖區(qū)中，直到被接收者取走；使用時需注意：1.容量設置應合理以避免內存浪費或頻繁阻塞；2.需防止緩沖區(qū)無限堆積數據導致內存問題；3.可用chanstruct{}類型傳遞信號以節(jié)省資源；常見場景包括控制并發(fā)數量、生產者-消費者模型及異
在沒有C中的手動內存管理的情況下，如何確保內存安全性？
Jun 19, 2025 am 01:11 AM
Goensuresmemorysafetywithoutmanualmanagementthroughautomaticgarbagecollection,nopointerarithmetic,safeconcurrency,andruntimechecks.First,Go’sgarbagecollectorautomaticallyreclaimsunusedmemory,preventingleaksanddanglingpointers.Second,itdisallowspointe
如何使用GO進行系統(tǒng)編程任務？
Jun 19, 2025 am 01:10 AM
Go是系統(tǒng)編程的理想選擇，因為它結合了C等編譯型語言的性能與現代語言的易用性和安全性。1.文件與目錄操作方面，Go的os包支持創(chuàng)建、刪除、重命名及檢查文件和目錄是否存在，使用os.ReadFile可一行代碼讀取整個文件，適用于編寫備份腳本或日志處理工具；2.進程管理方面，通過os/exec包的exec.Command函數可執(zhí)行外部命令、捕獲輸出、設置環(huán)境變量、重定向輸入輸出流以及控制進程生命周期，適合用于自動化工具和部署腳本；3.網絡與并發(fā)方面，net包支持TCP/UDP編程、DNS查詢及原始套
如何在GO中的結構實例上調用方法？
Jun 24, 2025 pm 03:17 PM
在Go語言中，調用結構體方法需先定義結構體和綁定接收者的方法，使用點號訪問。定義結構體Rectangle后，可通過值接收者或指針接收者聲明方法；1.使用值接收者如func(rRectangle)Area()int，通過rect.Area()直接調用；2.若需修改結構體，應使用指針接收者如func(r*Rectangle)SetWidth(...)，Go會自動處理指針與值的轉換；3.嵌入結構體時，內嵌結構體的方法會被提升，可直接通過外層結構體調用；4.Go無需強制使用getter/setter，字
GO中的接口是什么？如何定義它們？
Jun 22, 2025 pm 03:41 PM
在Go語言中，接口是一種定義行為而不指定實現方式的類型。接口由方法簽名組成，任何實現這些方法的類型都自動滿足該接口。例如，定義一個Speaker接口包含Speak()方法，則所有實現該方法的類型均可視為Speaker。接口適用于編寫通用函數、抽象實現細節(jié)和測試中使用mock對象。定義接口使用interface關鍵字并列出方法簽名，無需顯式聲明類型實現了接口。常見用例包括日志、格式化、不同數據庫或服務的抽象，以及通知系統(tǒng)等。例如，Dog和Robot類型均可實現Speak方法，并傳遞給同一個Anno
如何在GO中使用字符串軟件包中的字符串函數？ （例如len（），strings.contains（），strings.index（），strings.replaceall（））
Jun 20, 2025 am 01:06 AM
在Go語言中，字符串操作主要通過strings包和內置函數實現。1.strings.Contains()用于判斷字符串是否包含子串，返回布爾值；2.strings.Index()可查找子串首次出現的位置，若不存在則返回-1；3.strings.ReplaceAll()能替換所有匹配的子串，還可通過strings.Replace()控制替換次數；4.len()函數用于獲取字符串字節(jié)數長度，但處理Unicode時需注意字符與字節(jié)的區(qū)別。這些功能常用于數據過濾、文本解析及字符串處理等場景。
如何使用IO軟件包在GO中使用輸入和輸出流？
Jun 20, 2025 am 11:25 AM
TheGoiopackageprovidesinterfaceslikeReaderandWritertohandleI/Ooperationsuniformlyacrosssources.1.io.Reader'sReadmethodenablesreadingfromvarioussourcessuchasfilesorHTTPresponses.2.io.Writer'sWritemethodfacilitateswritingtodestinationslikestandardoutpu
