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

珍惜时间，勤奋学习！今天给大家带来《React 刷新浏览器为何报 404？ Envoy 与 Go 后端服务如何解决？》，正文内容主要涉及到等等，如果你正在学习Golang，或者是对Golang有疑问，欢迎大家关注我！后面我会持续更新相关内容的，希望都能帮到正在学习的大家！

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 后端服务如何解决？》的内容就介绍到这里了，是不是学起来一目了然！想要了解更多关于的内容请关注golang学习网公众号！