emulsify-ds / emulsify-website

Built with NextJS, Tailwind, and Contentful
https://emulsify.info
3 stars 0 forks source link

Email sign up form not rendering is most browsers due to CORS issue #94

Closed amazingrando closed 1 year ago

amazingrando commented 2 years ago

Expected Behavior

Under "Stay up to date with the latest news and developments from Emulsify," there should be an email input and submit button to sign up for the mailing list.

Current Behavior

Console error in Chrome on macOS:

Access to XMLHttpRequest at 'https://info.fourkitchens.com/acton/openapi/form/v1/42934/8cb720cf-340b-4191-8e54-6891b9f638fb:d-0001?ts=1662134968544&noStyle=1' (redirected from 'http://info.fourkitchens.com/acton/openapi/form/v1/42934/8cb720cf-340b-4191-8e54-6891b9f638fb:d-0001?ts=1662134968544&noStyle=1') from origin 'http://localhost:8000' has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header has a value 'http://localhost:8000' that is not equal to the supplied origin.

Console error in Safari on macOS:

Cross-origin script load denied by Cross-Origin Resource Sharing policy.

Context

This 1) looks bad when the form doesn't show up and 2) prevents people from signing up for the newsletter.

Your Environment

amazingrando commented 2 years ago

This was discovered while working on #62.