React beginner: I have made a basic weather app in React that works, but upon fetching new data, I get a CORS policy error. I did some researching online but none of those suggestions have fixed the issue. Can you please let me know how to modify my fetch request to fix this? CodePen included

• node-fetch

  92 8,656 1.7 JavaScript

  A light-weight module that brings the Fetch API to Node.js

  

Fortunately, there's another way. CORS is a browser-only implementation. Any non-browser HTTP request will not be subject to this restriction. If you're using something like Next.js or serving your React app from a server you control, like a Node.js server running Express, then you can consume this weather data from your server using something like the native HTTP node module or the node-fetch, and then send that response from your own backend. If it's all coming from the same server (or again, origin), then no further configuration required.

• Next.js

  2,061 121,483 10.0 JavaScript

  The React Framework

  

Fortunately, there's another way. CORS is a browser-only implementation. Any non-browser HTTP request will not be subject to this restriction. If you're using something like Next.js or serving your React app from a server you control, like a Node.js server running Express, then you can consume this weather data from your server using something like the native HTTP node module or the node-fetch, and then send that response from your own backend. If it's all coming from the same server (or again, origin), then no further configuration required.

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• Express

  682 63,982 8.3 JavaScript

  Fast, unopinionated, minimalist web framework for node.

  

Fortunately, there's another way. CORS is a browser-only implementation. Any non-browser HTTP request will not be subject to this restriction. If you're using something like Next.js or serving your React app from a server you control, like a Node.js server running Express, then you can consume this weather data from your server using something like the native HTTP node module or the node-fetch, and then send that response from your own backend. If it's all coming from the same server (or again, origin), then no further configuration required.

Suggest a related project