DEV Community

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

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

11

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

Image of Datadog

The Essential Toolkit for Front-end Developers

Take a user-centric approach to front-end monitoring that evolves alongside increasingly complex frameworks and single-page applications.

Get The Kit

Top comments (0)