[Troubleshooting] CORS setting was not working when I implemented AWS API Gateway+Lambda Server-less Application

This is record of troubleshooting about CORS setting when I implemented AWS server-less application

Jangwook Kim
Mar 1 · 2 min read

It’s a common things using combination of Lambda and API Gateway. If you already know that two services, it’s very simple to implement server-less environment. But if you not, it needs time to search about that, so I decided to record my troubleshooting history.

Simple & Non-simple Request

Do you guys know that cross-origin request is divided 「Simple cross-origin HTTP request」 and 「Non-simple cross-origin HTTP request」?

In the CORS(Cross Origin Resource Sharing) documents, there is explanation of what is simple request. And document said that non-simple requests are the others of simple request.


CORS enable setting is not working in non-simple request.

I said the answer first.

Enable CORS actions at Lambda proxy request is not working. Because Lambda proxy request is non-simple request.

We need to do another action.

Enable CORS action in AWS API Gateway

If you enable CORS, and then send request to API Gateway…..

No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

You can see the error as shown above. If you have any experience of implementing RES API service, you might be familiar this error message.


How can I communicate under the cross origin environment?

I know, you don’t want the reason why error occurred. I start to solve this problem.

  1. Add Access-Control-Allow-Origin Header to your response code.

If you do this two things, you can do cross origin communication.

I write some code to help your understanding. This below code is basic Lambda code. I used Node.js 12.x version.

Actually I’m PHPer, but I cannot use PHP code to use Lambda. I heard I can use PHP for Lambda unofficially, but in this time, I use Node.js code.

e.g: How to write response of the Lambda

Conclusion

It’s very fantastic things that we can create server-less service easily using API Gateway and Lambda.

I think you(and I) will stuck when you implement server-less service. But we already know our skills grew when we clear some problems. Let’s enjoy troubleshooting!

Jangwook Kim

Written by

Korean, live in Japan. The programmer. I love to learn something new things. I’m publishing my toy projects using GitHub. Visit https://www.jangwook.net.

More From Medium

Also tagged Infrastructure

Also tagged Infrastructure

Building VPC from Scratch

Madhan S
Mar 27 · 13 min read

231

Top on Medium

Ed Yong
Mar 25 · 22 min read

19.1K

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade