React 刷新浏览器为何报 404？ Envoy 与 Go 后端服务如何解决？

react 浏览器刷新为何报 404

在使用 envoy 作为流量网关和 go 编写的 http 服务器作为后端服务的情况下，如果 react 应用程序中刷新浏览器但带路径，则可能会出现 404 错误。

原因分析

尽管 envoy 的监听器路由将所有路径的请求代理到了 go http 服务器，并且服务器的路由处理配置为提供静态文件，但浏览器的刷新请求被视为新页面加载，需要从根路径加载。然而，go http 服务器的当前配置仅为根路径提供文件，因此其他路径的请求会返回 404。

解决方案

要解决此问题，需要修改 go http 服务器的路由处理逻辑，让它可以处理所有路径的请求并提供静态文件：

func main() {
    http.HandleFunc(
        "/", func(w http.ResponseWriter, r *http.Request) {
            http.ServeFile(w, r, "/path/to/build")
        },
    )

    if e := http.ListenAndServe(":80", nil); e != nil {
        panic(e)
    }
}

通过将 "http.fileserver" 替换为 "http.handlefunc" 并使用 "http.servefile" 针对所有路径提供静态文件，可以确保浏览器刷新不会再引发 404 错误。

以上就是React 刷新浏览器为何报 404？ Envoy 与 Go 后端服务如何解决？的详细内容，更多请关注其它相关文章！