How to run WEP API Node and a Reactjs Project on the same machine?

Question

I have running a Web API at the address localhost:3333 and a Reactjs Application at localhost:3000, however when I try to perform some request with fetch the browser returns Cors error. Is there any config to ignore this behavior?

Answer 1

You can change this behavior by downloading some extensions to your browser, but in general it is advisable that on your server you send in the response header the value Access-Control-Allow-Origin, there’s an express middleware for that.

$ npm install cors

In your server settings you do so:

const express = require("express");
const cors = require("cors");

const app = express();

app.use(cors());