如何服务 React

Question

我有一个简单的 React 应用程序，我想从我的 Go 服务器后端提供服务。我听说这个过程类似于提供静态 html 文件，但我似乎无法让它工作。当我尝试在浏览器上查看该应用程序时，它显示“此页面无法正常工作”并且“本地主机已重定向太多次”这是我在本地运行服务器并尝试处理反应应用程序的代码func main() {r := mux.NewRouter()// handle appbuildHandler := http.FileServer(http.Dir("./client/build/index.html"))r.PathPrefix("/").Handler(buildHandler)staticHandler := http.StripPrefix("/static/", http.FileServer(http.Dir("./client/build/static")))r.PathPrefix("/static/").Handler(staticHandler)r.HandleFunc("/", index).Methods("GET")srv := &http.Server{    Handler:      r,    Addr:         "127.0.0.1:8080",    WriteTimeout: 15 * time.Second,    ReadTimeout:  15 * time.Second,}// servefmt.Println("Server started on PORT 8080")log.Fatal(srv.ListenAndServe())}这是索引路由的代码func index(w http.ResponseWriter, r *http.Request) {    // not sure if this is necessary    http.ServeFile(w, r, "index.html")}我相信解决方案很简单，而且我很可能在某个地方犯了一个小错误。

Answer 1

在您的情况下，只需要构建处理程序。它必须指向目录而不是文件。除了路由之外，其余处理程序均已过时。

package main

import (

    "fmt"

    "github.com/gorilla/mux"

    "log"

    "net/http"

    "time"

)

func main() {

    r := mux.NewRouter()

    r.HandleFunc("/route1", index).Methods("GET")

    r.HandleFunc("/route2", index).Methods("GET")

    buildHandler := http.FileServer(http.Dir("client/build"))

    r.PathPrefix("/").Handler(buildHandler)

    srv := &http.Server{

        Handler:      r,

        Addr:         "127.0.0.1:8080",

        WriteTimeout: 15 * time.Second,

        ReadTimeout:  15 * time.Second,

    }

    fmt.Println("Server started on PORT 8080")

    log.Fatal(srv.ListenAndServe())

}

func index(w http.ResponseWriter, r *http.Request) {

    http.ServeFile(w, r, "client/build/index.html")

}

仅使用标准库即可实现相同的效果。

package main

import (

    "fmt"

    "log"

    "net/http"

    "time"

)

func main() {

    r := http.NewServeMux()

    r.HandleFunc("/route1", index)

    r.HandleFunc("/route2", index)

    buildHandler := http.FileServer(http.Dir("client/build"))

    r.Handle("/", buildHandler)

    srv := &http.Server{

        Handler:      r,

        Addr:         "127.0.0.1:8080",

        WriteTimeout: 15 * time.Second,

        ReadTimeout:  15 * time.Second,

    }

    fmt.Println("Server started on PORT 8080")

    log.Fatal(srv.ListenAndServe())

}

func index(w http.ResponseWriter, r *http.Request) {

    http.ServeFile(w, r, "client/build/index.html")

}