When I launch my frontend on Chrome, I keep encountering these two errors in the console.
Access to XMLHttpRequest at 'https://hog.simplify.jobs/decide/?v=3&ip=1&_=1688782636903&ver=1.57.2' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.POST https://hog.simplify.jobs/decide/?v=3&ip=1&_=1688782636903&ver=1.57.2 net::ERR_FAILED 404 contentScript.bundle.js:1
I've attempted to resolve this issue by installing the Chrome extension, but unfortunately, it hasn't helped. Additionally, I've tried updating my backend code with either of the following:
app.use(cors({origin: '*'}));
or
app.use(function (req, res, next) {
res.setHeader('Access-Control-Allow-Origin', '*');
res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE');
res.setHeader('Access-Control-Allow-Headers', 'X-Requested-With, content-type');
res.setHeader('Access-Control-Allow-Credentials', true);
next();
});
However, neither approach has resolved the problem.