将 CORS 标头添加到 gqlgen 默认示例中?
来源:stackoverflow
时间:2024-04-18 17:45:33 361浏览 收藏
Golang不知道大家是否熟悉?今天我将给大家介绍《将 CORS 标头添加到 gqlgen 默认示例中?》,这篇文章主要会讲到等等知识点,如果你在看完本篇文章后,有更好的建议或者发现哪里有问题,希望大家都能积极评论指出,谢谢!希望我们能一起加油进步!
我正在尝试使用 react 设置一个基本堆栈,apollo 由 graphql 提供服务,由 go 通过 gqlgen 提供服务。
我正在遵循 gqlgen 的入门指南,效果很好。
我还在遵循 apollo 的入门指南,效果很好。
我的问题在于,当我尝试将两者缝合在一起时,chrome 不允许我对后端执行 ping 操作。我收到一个 cors 预检标头错误,这是可以理解的,考虑到 react 位于 localhost:3000
上,而 go 服务器位于 localhost:8080
上。
gqlgen 提供了一个有用的示例,说明如何使用 chi 和 go-cors 在 go 服务器上运行 cors。但是,提供的示例基于 gqlgen 的 starwars 示例,而不是入门示例。
我将 cors 示例修改为以下内容:
package main import ( "net/http" "github.com/99designs/gqlgen/graphql/handler" "github.com/99designs/gqlgen/graphql/handler/transport" "github.com/99designs/gqlgen/graphql/playground" "github.com/flocksupport/graphql/graph" "github.com/flocksupport/graphql/graph/generated" "github.com/go-chi/chi" "github.com/gorilla/websocket" "github.com/rs/cors" ) func main() { router := chi.newrouter() // add cors middleware around every request // see https://github.com/rs/cors for full option listing router.use(cors.new(cors.options{ allowedorigins: []string{"http://localhost:8080"}, allowcredentials: true, debug: true, }).handler) // srv := handler.new(starwars.newexecutableschema(starwars.newresolver())) // modified this. srv := handler.new(generated.newexecutableschema(generated.config{resolvers: &graph.resolver{}})) srv.addtransport(&transport.websocket{ upgrader: websocket.upgrader{ checkorigin: func(r *http.request) bool { // check against your desired domains here return r.host == "example.org" }, readbuffersize: 1024, writebuffersize: 1024, }, }) router.handle("/", playground.handler("graphql playground", "/query")) // router.handle("/", handler.playground("starwars", "/query")) // modified this. router.handle("/query", srv) err := http.listenandserve(":8080", router) if err != nil { panic(err) } }
服务器运行,但通过演示测试查询(localhost:8080,所以 cors 在这里不重要)会出现以下错误:
{ "error": { "errors": [ { "message": "transport not supported" } ], "data": null } }
即使我仅设置 chi 路由器,这也不起作用:
func main() { router := chi.NewRouter() srv := handler.New(generated.NewExecutableSchema(generated.Config{Resolvers: &graph.Resolver{}})) router.Handle("/", playground.Handler("GraphQL Playground", "/query")) router.Handle("/query", srv) err := http.ListenAndServe(":8080", router) if err != nil { panic(err) } }
当我访问 localhost:8080 时,出现 server cannot be reached
演示。
如何在 gqlgen go 服务器上正确启用 cors,以便 react 可以 ping 通它?
解决方案
我遇到了同样的问题,并通过使用 newdefaultserver
方法而不是 new
解决了它。
srv := handler.newdefaultserver(.....)
您需要提供 cors 检查作为中间件。 例如,您可以使用“github.com/rs/cors”。它可能看起来像下面的代码
mux.Handle("/playground", handler.Playground("API", "/gql")) mux.Handle("/gql", handler.GraphQL( gen.NewExecutableSchema(gen.Config{Resolvers: resolver.New(dep)}), handler.ErrorPresenter(errorCustomize))) h := cors.AllowAll().Handler(util.JwtMiddleware(mux)) srv := &http.Server{ Addr: ":8087", Handler: h, }
以上就是《将 CORS 标头添加到 gqlgen 默认示例中?》的详细内容,更多关于的资料请关注golang学习网公众号!
-
502 收藏
-
502 收藏
-
501 收藏
-
501 收藏
-
501 收藏
-
139 收藏
-
204 收藏
-
325 收藏
-
477 收藏
-
486 收藏
-
439 收藏
-
357 收藏
-
352 收藏
-
101 收藏
-
440 收藏
-
212 收藏
-
143 收藏
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。
- 立即学习 542次学习
-
- GO语言核心编程课程
- 本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。
- 立即学习 508次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让
- 立即学习 497次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 立即学习 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。
- 立即学习 484次学习