DEV Community

Cover image for Day 47 of 100 Days of Code & Scrum: I Finally Fixed the CORS Bug!
Rammina
Rammina

Posted on • Updated on • Originally published at rammina.com

Day 47 of 100 Days of Code & Scrum: I Finally Fixed the CORS Bug!

Hello there, everyone!

I was finally able to solve the bug I was stuck on for 2 days.

Access to XMLHttpRequest at API_GATEWAY_ENDPOINT from origin http://localhost:3000 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

What I did was limit the allowed methods for my API Gateway HTTP API to just POST and OPTIONS methods. I also made sure that the preflight OPTIONS request did not interact with my Lambda function, and only the POST request containing the form data does. Finally, I manually set the access-control headers instead of letting AWS handle it for me automatically, and I was able to fix the issue.

Anyway, let's move on to my daily report!

Yesterday

I was stuck on this bug:

Access to XMLHttpRequest at API_GATEWAY_ENDPOINT from origin http://localhost:3000 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

I learned a lot from reading multiple whitepapers about AWS API Gateway, Lambda, and SES.

Today

Here are the things I learned and worked on today:

Company Website

  • I managed to solve the bug above.
  • added validation for my contact form.
  • display success message if the message goes through and an error notification if it fails.
  • changed the color scheme for my navigation bar.
  • added a close button for my navmenu.

Scrum

  • learn the key differences between Scrum and Kanban.
  • read a blog post about Scrum and how it uses be principles of Empiricism.
  • I did some practice flashcards for Scrum.
  • reviewed some of the things I've learned before.

Thank you for reading!

Rammina Thank You Banner

Resources/Recommended Readings

DISCLAIMER

This is not a guide, it is just me sharing my experiences and learnings. This post only expresses my thoughts and opinions (based on my limited knowledge) and is in no way a substitute for actual references. If I ever make a mistake or if you disagree, I would appreciate corrections in the comments!


Other Media

Feel free to reach out to me in other media!

Rammina Logo

Twitter logo

Github logo

Discussion (0)