如何在Go后端配置路由以服务React.js应用？

嘿，我来帮你搞定这个React单页应用的Go路由配置问题！首先直接给你结论：完全不需要额外的路径前缀，你已经通过app.example.com这个子域名完成了路由隔离，只要让这个子路由下的所有请求最终都指向React的index.html（同时正确加载静态资源）就可以了。

下面是具体的实现步骤和细节：

1. 实现智能的SPA路由Fallback #

你的静态文件（index.html、bundle.js）都在/public目录下，直接用默认的FileServer会有问题——当用户访问React的前端路由（比如app.example.com/dashboard）时，Go会把它当成静态文件路径去查找，结果找不到就返回404。所以我们需要一个自定义handler来处理这种情况：

import (
    "net/http"
    "os"
    "github.com/gorilla/mux"
)

func spaHandler(w http.ResponseWriter, r *http.Request) {
    // 拼接请求路径到public目录，检查目标文件是否存在
    filePath := "./public" + r.URL.Path
    _, err := os.Stat(filePath)
    
    // 如果文件不存在，说明是React前端路由，返回index.html让React接管
    if os.IsNotExist(err) {
        http.ServeFile(w, r, "./public/index.html")
        return
    }
    
    // 文件存在，正常返回静态资源（比如bundle.js、css文件等）
    http.FileServer(http.Dir("./public")).ServeHTTP(w, r)
}

func main() {
    r := mux.NewRouter()
    // 创建app子域名的独立子路由
    app := r.Host("app.example.com").Subrouter()
    
    // 给子路由注册spaHandler，匹配该子域名下的所有路径
    app.PathPrefix("/").HandlerFunc(spaHandler)
    
    // 这里可以继续配置你的API路由（比如主域名或其他子域名的路由）
    // api := r.Host("api.example.com").Subrouter()
    // api.HandleFunc("/users", getUserHandler).Methods("GET")
    
    http.ListenAndServe(":8080", r)
}

2. 为什么不需要路径前缀？ #

你已经用Host("app.example.com")创建了一个完全独立的子路由上下文，所有发往这个子域名的请求都会进入这个子router。PathPrefix("/")已经能匹配该子域名下的所有路径（不管是根路径/，还是嵌套路径/profile/settings），完全不需要额外加前缀（比如/app）。路径前缀只有在你需要在同一个域名下区分前端和API时才有用，而你已经用子域名做了清晰的隔离，所以完全没必要多此一举。

额外注意事项 #

• 确保./public路径正确：如果你的Go程序不是从项目根目录运行，建议使用绝对路径（比如filepath.Join(os.Getenv("PWD"), "public")）来避免路径错误。
• 测试前端路由：启动服务后，访问app.example.com/any/random/path，应该能正常加载React应用，而不是返回404。
• 路由优先级：如果你的API路由在其他子域名（比如api.example.com），确保主路由的Host匹配规则正确，不会和前端子路由产生冲突。

内容的提问来源于stack exchange，提问作者Blankman