unable to view playground after deployed into aws lambda using serverless (apollo-server-lambda)

Hi, recently i have deployed my apollo graphql server into aws lambda using serverless. i used apollo-server-lambda package for that.

after deployment, i am able to do query and mutations and i am getting fair response from my graphql endpoint https://3drjwyz1z8.execute-api.us-east-1.amazonaws.com/dev/graphql

my problem is, i am unable to view graphiql playground from my browser. i tried a lot but nothing helped me. i am getting below error while i am hitting the endpoint from browser to view playground.

{
message: "Internal server error"
}

i have allowed cors, any header and so on. they only problem is with playground. i set playground:true too.

const server = new ApolloServer({
  schema,
  context,
  playground: true,
  introspection: true,
});

nothing helping me. i want to display the playground to the users if they hit from browser, then only they can view the gql types and schema design.

kindly guide me how to address this issue.

[duong-se]

I can run this on serverless-offline but after deploy to lambda it always shows me Internal Server Errors without error log on cloud watch. Does anybody face with this problem?

[arthurandrade]

I had this same problem!

to solve it, in my serveless.yml, I add it

    handler: graphql.handler
    events:
    - http:
        path: graphql
        method: POST
        cors: true
    - http:
        path: graphql
        method: GET
        cors: true
    - http:
        path: playground
        method: ANY
        cors: true

and to access the playground I used this url https://......amazonaws.com/dev/playground