This is my first time deploying, so my apologies if this is a basic question. I recently (successfully) deployed my React front end here: https://bread-box-react.netlify.app/ and my backend Rails API here: https://breadbox-app-api.herokuapp.com/api/v1
Currently, both pages load, but when I navigate, I get the dreaded CORS error.
Access to fetch at 'https://breadbox-app-api.herokuapp.com/api/v1/get_current_user' from origin 'https://bread-box-react.netlify.app' 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. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
My repo/code can be found here: https://github.com/amfosh/bread-box
I am really at a loss. All of my fetch requests are pointed to the right place & my cors.rb file has my Netlify app as the origin. Any insight would be super helpful!!