首頁 > 後端開發 > Golang > CORS grpc 網關 GoLang

CORS grpc 網關 GoLang

WBOY
發布: 2024-02-12 12:54:09
轉載
1137 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:stackoverflow.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板