how to enable gqlgen server for CORS issue?

Question

GOAL:

Svelte app running on port 5000 wants to query data from gqlgen GraphQL server running on port 8080, both on localhost. I tried to query a public graphql API such as https://api.react-finland.fi/graphql just to test if my Svelte app (port:5000) is working well and it is. So I think the problem lies with my Go graphql server (port:8080).

SYSTEM

go version
go version go1.15 linux/amd64

go 1.15

require (
    github.com/99designs/gqlgen v0.12.1
    github.com/go-chi/chi v4.1.2+incompatible
    github.com/gorilla/websocket v1.4.2
    github.com/rs/cors v1.7.0
    github.com/vektah/gqlparser/v2 v2.0.1
)

HAVE TRIED

Судя по официальному сайту, я попробовал их подход.

А вот мой код:

func main() {
    port := os.Getenv("PORT")
    if port == "" {
        port = defaultPort
    }

    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:5000", "http://localhost:8080"},
        AllowOriginFunc:  func(origin string) bool { return true },
        AllowedMethods:   []string{},
        AllowedHeaders:   []string{},
        AllowCredentials: true,
        Debug:            true,
    }).Handler)

    srv := handler.NewDefaultServer(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 == "localhost:8080"
            },
            ReadBufferSize:  1024,
            WriteBufferSize: 1024,
        },
    })

    http.Handle("/", playground.Handler("GraphQL playground", "/query"))
    http.Handle("/query", srv)

    log.Printf("connect to http://localhost:%s/ for GraphQL playground", port)
    log.Fatal(http.ListenAndServe(":"+port, nil))
    err := http.ListenAndServe(":8080", router)
    if err != nil {
        panic(err)
    }
}

РЕЗУЛЬТАТ

У меня такие ошибки:

Access to fetch at 'http://localhost:8080/' from origin 'http://localhost:5000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

КАК РЕШИТЬ?

Я прочитал довольно много документации и погуглил... но не мог точно понять, как это сделать, и я не знаю, как отлаживать, чтобы найти решение. Я только два дня изучал GO. Может кто поможет? Благодарность!

Answer 1

Привет, кто-то помог мне разобраться в основных моих проблемах:

1.Да, мы можем использовать только один в строке, где я написал:

AllowedOrigins:   []string{"http://localhost:5000", "http://localhost:8080"},
AllowOriginFunc:  func(origin string) bool { return true },

Фактически, второй будет перезаписывать первый, поэтому вы можете выбрать только один.

2. В этой части

log.Fatal(http.ListenAndServe(":"+port, nil))
    err := http.ListenAndServe(":8080", router)
    if err != nil {
        panic(err)
    }

Я написал http:ListenAndServe дважды, поэтому до второго он не дошел. Я удалилlog.Fatal(http.ListenAndServe(":"+port, nil))

3. Поскольку мы передали промежуточное ПО маршрутизатору для HTTP-запроса, нам нужно использовать его вместо http.handle. Итак, эти две строчки были неправильными:

http.Handle("/", playground.Handler("GraphQL playground", "/query"))
http.Handle("/query", srv)

Правильный способ сделать это должен быть:

router.Handle("/", playground.Handler("GraphQL playground", "/query"))
router.Handle("/query", srv)

Фактически, это было показано в официальном подходе... но каким-то образом после того, как я попробовал несколько разных решений, я заблудился в кроличьих норах и не увидел этих очевидных ошибок! >.<

После вышеуказанных изменений теперь он наконец работает! Спасибо за вашу помощь!