我正在尝试使用 React 设置一个基本堆栈,Apollo 由 graphQL 提供服务,由 Go 通过 gqlgen 提供服务。
我正在遵循 gqlgen 的入门指南,它工作正常。
我也在关注 Apollo 的入门指南,它运行良好。
我的问题在于当我尝试将两者缝合在一起时,chrome 不允许我 ping 后端。我收到一个 CORS 预检标头错误,这是可以理解的,考虑到 React 已打开localhost:3000
且 Go 服务器已打开localhost:8080
gqlgen 提供了一个有用的示例,说明如何使用 chi 和 go-cors 在 Go 服务器上运行 CORS。然而,提供的示例基于gqlgen的星球大战示例,而不是入门示例。
我将 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)
}
}
服务器运行,但通过 Playground 测试查询(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)
}
}
Server Cannot Be Reached
当我访问 localhost:8080 游乐场时,我得到了一个。
如何在 gqlgen Go 服务器上正确启用 CORS,以便 React 可以 ping 它?