CORS grpc 網關 GoLang

php小編草莓為您介紹CORS gRPC 閘道 GoLang。 CORS是跨來源資源共享的縮寫，是一種用於在瀏覽器中進行跨域請求的機制。 gRPC是一種高效能、開源的遠端過程呼叫（RPC）框架，可用於建構分散式系統。而GoLang是一種強大的程式語言，具有高並發和簡潔的特點。 CORS gRPC 網關 GoLang是將CORS和gRPC結合起來，透過Go語言實現網關，實現跨域請求的功能。在本文中，我們將詳細介紹CORS gRPC 閘道 GoLang的原理和使用方法，以幫助您更好地理解和應用該技術。

問題內容

我有一個 vue.js 3 前端，我透過 grpc-gateway 呼叫 golang 後端。我已經這樣做了一段時間，但我看到了隧道盡頭的曙光。

我目前面臨 cors 問題。然而，我正在閱讀有關如何處理它的相互矛盾的資訊。因此，我想發帖，希望對大家有幫助。

這裡是我如何為 grpc（網關）初始化 mux 伺服器的程式碼

func runhttpserver(server *http.server, httpendpoint, grpcendpoint, swaggerpath string) (err error) {
    server.addr = httpendpoint

    ctx, cancel := context.withcancel(context.background())

    defer cancel()

    // register groc server endpoint
    mux := runtime.newservemux(
        runtime.witherrorhandler(func(ctx context.context,
            mux *runtime.servemux,
            marshaler runtime.marshaler,
            w http.responsewriter, r *http.request,
            err error,
        ) {
            s, ok := status.fromerror(err)
            if ok {
                if s.code() == codes.unavailable {
                    err = status.error(codes.unavailable, errunavailable)
                }
            }

            runtime.defaulthttperrorhandler(ctx, mux, marshaler, w, r, err)

        }),
    )

    opts := []grpc.dialoption{
        grpc.withtransportcredentials(insecure.newcredentials()),
        grpc.withchainunaryinterceptor(),
    }

    if err = api.registerapiservicehandlerfromendpoint(ctx, mux, grpcendpoint, opts); err != nil {
        return
    }

    swmux := http.newservemux()
    swmux.handle("/", mux)
    serveswagger(swmux, swaggerpath)

    server.handler = swmux

    return server.listenandserve()

}

這裡是我認為應該添加 cors 配置的地方，但我不確定這就是我在 server.go 檔案中設定它的方式..

var httpserver http.server

// run http server with grpc gateway
g.go(func() error {
    fmt.println("starting http sever (port {}) and grpc gateway (port {})",
        strconv.itoa(cfg.server.httpport),
        strconv.itoa(cfg.server.grpcport),
    )

    return rest.runhttpserver(
        &httpserver,
        ":"+strconv.itoa(cfg.server.httpport),
        ":"+strconv.itoa(cfg.server.grpcport),
        "/webapi",
    )
})

控制台錯誤：

access to xmlhttprequest at 'http://localhost:8080/v1/test' from origin 'http://localhost:9000' has been blocked by cors policy: response to preflight request doesn't pass access control check: no 'access-control-allow-origin'

我不知道在哪裡添加類似的內容

func enablecors(w *http.responsewriter) {
    (*w).header().set("access-control-allow-origin", "*")
}

我覺得 golang grpc 網關應該內建一些東西，但我找不到任何東西？

如有任何建議，我們將不勝感激。

-----更新1-----

我已經嘗試過

func enablecors(h http.handler) http.handler {
    return http.handlerfunc(func(w http.responsewriter, r *http.request) {
        w.header().set("access-control-allow-origin", "http://localhost:9000")
        w.header().set("access-control-allow-methods", "get, put, post, delete, head, options")
        h.servehttp(w, r)
    })
}

和

func enablecors(h http.handler) http.handler {
    return http.handlerfunc(func(w http.responsewriter, r *http.request) {
        w.header().set("access-control-allow-origin", "*")
        w.header().set("access-control-allow-methods", "get, put, post, delete, head, options")
        h.servehttp(w, r)
    })
}

和

func enablecors(h http.handler) http.handler {
    return http.handlerfunc(func(w http.responsewriter, r *http.request) {
        w.header().set("access-control-allow-origin", "http://localhost")
        w.header().set("access-control-allow-methods", "get, put, post, delete, head, options")
        h.servehttp(w, r)
    })
}

結合

func serveSwagger(mux *http.ServeMux, swaggerPath string) {
    fileServer := http.FileServer(http.Dir(swaggerPath))
    prefix := "/swagger-ui"
    mux.Handle(prefix, http.StripPrefix(prefix, fileServer))
}

仍然有相同的問題..非常令人沮喪

解決方法

根據您在評論中提供的最新錯誤：

從來源「localhost:9000」存取「localhost:8080/v1/test」處的 xmlhttprequest 已被 cors 策略阻止：對預檢請求的回應未透過存取控制檢查：它沒有 http 正常狀態。

您的瀏覽器正在傳送預檢請求（options http方法）以確定是否可以發出所需的跨來源請求。

伺服器正在回應非 2xx 回應。

我懷疑這是因為您的enablecors 函數正在將請求傳播到grpc-gateway 處理程序，該處理程序對options http 方法不滿意並返回錯誤狀態，可能是：

< http/1.1 501 not implemented
< content-type: application/json
< vary: origin
< date: fri, 25 nov 2022 11:17:52 gmt
< content-length: 55
< 
{"code":12,"message":"method not allowed","details":[]}

因此，為了避免這種情況，您希望在發出預檢請求時不進一步傳播請求，例如

func enablecors(h http.handler) http.handler {
    return http.handlerfunc(func(w http.responsewriter, r *http.request) {
        w.header().set("access-control-allow-origin", "http://localhost:9000")
        w.header().set("access-control-allow-methods", "get, put, post, delete, head, options")
        if r.method == http.methodoptions {
            w.writeheader(http.statusnocontent)
            return
        }
        h.servehttp(w, r)
    })
}

但是，上述內容可能仍然不是 cors 處理的合理實作。您應該為此使用現有的包，例如github.com/rs/cors，它將以合理的方式處理這個問題，並處理任何潛在的陷阱等。

因此導入 github.com/rs/cors 然後執行以下操作：

server.Handler = cors.AllowAll().Handler(swMux)

應該讓你開始讓一切通過。該庫將允許您根據需要自訂特定的來源、http 方法等。

以上是CORS grpc 網關 GoLang的詳細內容。更多資訊請關注PHP中文網其他相關文章！