Reactjs 在 golang 服务器中刷新或直接 url 路径时响应 404

发布于07月26日

我有以下代码来为Reaction构建应用程序提供服务:

package main

import (
    "fmt"
    "log"
    "net/http"
    "time"
)

func main() {

    r := http.NewServeMux()

    r.HandleFunc(`^/`, index)
    buildHandler := http.FileServer(http.Dir("build"))
    r.Handle("/", buildHandler)

    srv := &http.Server{
        Handler:      r,
        Addr:         ":5000",
        WriteTimeout: 15 * time.Second,
        ReadTimeout:  15 * time.Second,
    }

    fmt.Println("Server started on PORT 5000")
    log.Fatal(srv.ListenAndServe())

}

func index(w http.ResponseWriter, r *http.Request) {
    http.ServeFile(w, r, "build/index.html")
}

文件夹 struct 如下所示:

但在刷新或try 直接转到PATH时，未找到404.我怎么才能让它go 到想要的路径，而不是go 404？

推荐答案

您遇到的问题与Reaction(或其他前端框架)使用的客户端路由有关.当您刷新页面或直接访问特定路径时，服务器无法识别该路由，因为它主要提供静态index.html文件，而不处理客户端路由.

要解决此问题，您需要将GO服务器配置为通过将所有请求重定向到index.html文件来处理客户端路由.这样，您的Reaction应用程序中的客户端路由就可以接管并处理正确的页面显示.

以下是处理客户端路由的修改代码:

package main

import (
    "fmt"
    "log"
    "net/http"
    "time"
)

func main() {
    r := http.NewServeMux()

    // Redirect all requests to the index.html file
    r.HandleFunc("/", index)

    // Serve the static files from the "build" directory
    buildHandler := http.FileServer(http.Dir("build"))
    r.Handle("/static/", buildHandler)
    r.Handle("/js/", buildHandler)
    r.Handle("/css/", buildHandler)

    srv := &http.Server{
        Handler:      r,
        Addr:         ":5000",
        WriteTimeout: 15 * time.Second,
        ReadTimeout:  15 * time.Second,
    }

    fmt.Println("Server started on PORT 5000")
    log.Fatal(srv.ListenAndServe())
}

func index(w http.ResponseWriter, r *http.Request) {
    http.ServeFile(w, r, "build/index.html")
}

在修改后的代码中，我们通过将请求重定向到index.html文件来处理对根路径("/")的请求.此外，我们使用HTTP.FileServer提供"Build"目录中的静态文件(JS、css等).通过这样做，您的服务器将正确地为所有路由提供index.html文件，并且您的Reaction应用程序中的客户端路由将负责显示适当的页面.