This content originally appeared on DEV Community and was authored by Rammina
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!
Resources/Recommended Readings
- Agile is constant change
- Scrum Master learning pathway | Scrum.org
- The 2020 Scrum Guide
- Mikhail Lapshin's Scrum Quizzes
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!
This content originally appeared on DEV Community and was authored by Rammina
Rammina | Sciencx (2021-11-24T12:23:19+00:00) Day 47 of 100 Days of Code & Scrum: I Finally Fixed the CORS Bug!. Retrieved from https://www.scien.cx/2021/11/24/day-47-of-100-days-of-code-scrum-i-finally-fixed-the-cors-bug/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.