Как решить CORS-запрос не удалось в express.js, когда реагирует клиент пытается получить данные?

Question

Я сделал так много изменений в app.js файле, чтобы решить эту проблему CORS request did not succeed, но я всегда сталкивался с одной и той же проблемой. Как решить эту проблему. Я добавил свой код app.js, пожалуйста, проверьте любого. спасибо

app.js код

var express = require('express');

var bodyParser = require("body-parser");
var app = express();
var cors = require('cors');

const userlogin   = require('./routes/User_route');
const deviceRoutes = require("./routes/Device_route");

app.use('*', cors());
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));

app.set('port', process.env.PORT || 4007);
app.set('host', "*.*.*.*"); 

app.use("/users",userlogin);
app.use("/users", deviceRoutes);
module.exports = app;

Error

TypeError: «NetworkError при попытке извлечь ресурс». bundle.js: 132447: 16

Запрос на перекрестное происхождение заблокирован. Политика одинакового происхождения запрещает чтение удаленный ресурс на http://localhost:4007/users/login. (причина: Запрос CORS не выполнен).

Answer 1

Вы можете попробовать добавить промежуточное программное обеспечение для обработки CORS.

//CORS middleware
var corsMiddleware = function(req, res, next) {
    res.header('Access-Control-Allow-Origin', 'localhost'); //replace localhost with actual host
    res.header('Access-Control-Allow-Methods', 'OPTIONS, GET, PUT, PATCH, POST, DELETE');
    res.header('Access-Control-Allow-Headers', 'Content-Type, X-Requested-With, Authorization');

    next();
}

app.use(corsMiddleware);