CORS issue with React.js + Node.js(express) - node.js

Question

I'm connecting my react-app with mysql now.
I tried proxy(in package.json), app.use(cors()) also Google chrome Cors Extension for catch this cors issue, but i couldn't. I need your help.
ERROR MSG
Access to XMLHttpRequest at 'localhost:4000/api/test'
from origin 'http://localhost:3000' has been blocked
by CORS policy: Cross origin requests are only supported
for protocol schemes: http, data, chrome, chrome-extension,
chrome-untrusted, https.
xhr.js:177 GET localhost:4000/api/test net::ERR_FAILED
I added this line in package.json
"proxy": "http://localhost:4000/",
server.js
const express = require("express");
const cors = require("cors");
const app = express();
const PORT = process.env.PORT || 4000;
const db = require("./config/db");
app.use(cors());
app.get("/", cors(), (req, res) => {
res.send("hello route / ");
});
app.get("/api/test", cors(), (req, res) => {
res.header("Access-Control-Allow-Origin", "*");
db.query("SELECT * FROM travel_test", (err, data) => {
if (!err) res.send({ data });
else res.send(err);
});
});
app.listen(PORT, () => {
console.log(`Server On : http://localhost:${PORT}/`);
});
api.js
import axios from "axios";
const api = axios.create({
baseURL: "localhost:4000/api/",
});
export const cityApi = {
test: () => api.get("test"),
};

Answer 1

Try this
app.all('*', function(req, res, next) {
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "X-Requested-With");
next();
});
OR
app.use(express.methodOverride());
// ## CORS middleware
//
var allowCrossDomain = function(req, res, next) {
res.header('Access-Control-Allow-Origin', '*');
res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE');
res.header('Access-Control-Allow-Headers', 'Content-Type, Authorization');
// intercept OPTIONS method
if ('OPTIONS' == req.method) {
res.send(200);
}
else {
next();
}
};
app.use(allowCrossDomain);

Answer 2

Add this code to your server.js file:
app.use((req, res, next) => {
res.header("Access-Control-Allow-Origin", "*");
res.header(
"Access-Control-Allow-Headers",
"Origin, X-Requested-With, Content-Type, Accept, Authorization, 'Content-Type' : 'multipart/form-data' ,* "
);
res.header(
"Access-Control-Allow-Methods",
"GET, POST, PATCH, PUT, DELETE, OPTIONS"
);
next();
});
before the app.use(cors());