Support OPTIONS requests

[chriswingler]

Hi, I keep getting a 405 when using the example code, and I'm wondering if it's a CORS issue, since my frontend and backend are running on different ports. If so, how do I enable CORS with Ariadne?

[rafalp]

Yeop, Ariadne only supports GET and POST, missing OPTIONS 😂

We'll be fixing that, but in meantime you would have to wrap GraphQLMiddleware with a custom one that handles OPTIONS request and sends CORS headers.

[chriswingler]

Great! Thank you @rafalp !

[mapapa]

Hi, I am currently running 0.5.0 and still get the same error. Going through the source code I cannot find an example using a CORS middleware namely one that instantiates GraphQL with a cors middleware such as CORSMiddleware from starlette.middleware.cors. Any help is highly appreciated. Thanks

[patrys]

Please see https://www.starlette.io/middleware/#corsmiddleware

[mapapa]

Hihi Patrys,

Many thanks for your reply; the buzzling bit in my case is how do I tell GaphQL to use this middleware namely:

from starlette.applications import Starlette
from starlette.middleware.cors import CORSMiddleware

app = Starlette()
app.add_middleware(CORSMiddleware, allow_origins=['*'])

then when I look into ariadne example I have
app = GraphQL(schema, debug=True, middleware=[???])

so how do I tell GraphQL to use this particular middleware?

Many thanks,
Manos

[patrys]

You can wrap one in the other:

CORSMiddleware(GraphQL(...))

GraphQL middlewares are separate from ASGI middlewares.

[mapapa]

Excellent, many thanks really appreciated :)

[rafalp]

Existing CORS middlewares already solve this problem, so we'll won't be doing this in Ariadne proper. Still, we'll want to eventually document this in our docs: mirumee/ariadne-website#5

[simon-zumbrunnen]

I get Redirect is not allowed for a preflight request. when trying to subscribe to a graphql subscription.

Here is how I set up my middlewares:

app = Application(routes=routes, debug=True)
app.mount('/graphql', CORSMiddleware(GraphQL(schema, debug=True), allow_origins=['*']))

[patrys]

Are you sure you're not missing a trailing slash somewhere (eg. that the server is not trying to redirect you to the correct URL)?

[simon-zumbrunnen]

You're right. I looked at the URL forever to figure out if it was my fault, but I just didn't see it. Thanks alot. :-D

[007vasy]

@seimsel do you have example for graphql_sync? how to use cors in that case?

[simon-zumbrunnen]

@seimsel do you have example for graphql_sync? how to use cors in that case?

No. I never used this.

[newtoniumx3]

Hey guys I'm confused how do I set this up if I'm using flask_restful like so

from flask import Flask
from flask_restful import Api

app = Flask(__name__)
api = Api(app)
api.add_resource(Graphql, "/graphql")

from ariadne import ObjectType
from ariadne import graphql_sync
from ariadne import load_schema_from_path
from ariadne import make_executable_schema
from ariadne import snake_case_fallback_resolvers

query = ObjectType("Query")
mutation = ObjectType("Mutation")
query.set_field("one", resolve_one)
mutation.set_field("two", resolve_two)
type_defs = load_schema_from_path(SCHEMA_FILE)

schema = make_executable_schema(
    type_defs, query, mutation, snake_case_fallback_resolvers
)


class Graphql(Resource):
    def get(self):
        return PLAYGROUND_HTML, 200

    def post(self):
        data = request.get_json()

        success, result = graphql_sync(
            schema,
            data,
            context_value=request,
            debug=True
        )

        status_code = 200 if success else 400
        return result, status_code

[simon-zumbrunnen]

What do you want to setup? CORSMiddleware?

[newtoniumx3]

What do you want to setup? CORSMiddleware?

I was just trying to get CORS setup to allow origin * as my client is on a different port. I was just playing with this I think I might have found something that works when I use flask_cors, is that the right way to do this if I use ariadne?

from flask_cors import CORS
from flask import Flask
app = Flask(__name__)
cors = CORS(app)

[simon-zumbrunnen]

As far as I see Ariadne never sees any http request at all (since you're using graphql_sync). So this is a question on how to handle CORS in Flask. For which it seems you are on the right track.

[newtoniumx3]

As far as I see Ariadne never sees any http request at all (since you're using graphql_sync). So this is a question on how to handle CORS in Flask. For which it seems you are on the right track.

Thank you!