NodeJS + Express с Angular на локальном хосте: заблокирован предварительным полетом CORS

Question

Я исчерпал, пытаясь все решения, приведенные в этих сообщениях:

В запрашиваемом ресурсе отсутствует заголовок «Access-Control-Allow-Origin» - при попытке получить данные из REST API

AngularJS: На запрошенном ресурсе отсутствует заголовок «Access-Control-Allow-Origin»

Как включить cors nodejs с помощью express?

Я пытался использовать cors, который казался популярным решением, но я все еще получаю следующую ошибку:

Access to XMLHttpRequest at 'http://localhost:3000/email' from origin 'http://localhost:63342' has been blocked by CORS policy: Method GET' is not allowed by Access-Control-Allow-Methods in preflight response.

Это мои настройки на стороне сервера (NodeJS): Попытка # 1 (без модуля cors)

var createError = require('http-errors');
var express = require('express');
var path = require('path');
var cookieParser = require('cookie-parser');
var logger = require('morgan');

var indexRouter = require('./routes/index');
var usersRouter = require('./routes/users');
var cors = require('cors')
var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'pug');

app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

function setupCORS(req, res, next) {
  res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,OPTIONS');
  res.header('Access-Control-Allow-Headers', 'X-Requested-With, Content-type,Accept,X-Access-Token,X-Key');
  res.header('Access-Control-Allow-Origin', '*');
  if (req.method === 'OPTIONS') {
    res.status(200).end();
  } else {
    next();
  }
}
app.all('/*', setupCORS);


app.use('/', indexRouter);
app.use('/users', usersRouter);

Попытка № 2: (с модулем 'cors')

var createError = require('http-errors');
var express = require('express');
var path = require('path');
var cookieParser = require('cookie-parser');
var logger = require('morgan');

var indexRouter = require('./routes/index');
var usersRouter = require('./routes/users');
var cors = require('cors')
var app = express();
app.use(cors());


// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'pug');

app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', indexRouter);
app.use('/users', usersRouter);

Ничего из этого не сработало, и я не знаю, как это исправить. Я использую сервер localhost, и вот как я выполняю вызов GET в моем Angular:

$scope.getAllCustomerEmails = function() {
        $scope.textBox= "getAllCustomerEmails";

        $http({
            method: "GET'",
            url: "http://localhost:3000/email"
        }).then(function successCallback(response) {
            //console.log("/email response: ", response);
            $scope.textBox = response;

        }, function errorCallback(response) {
            $scope.textBox = "GET Error";
        });
    };

Любая помощь очень ценится.

Answer 1

Я думаю, это поможет вам ...

В корне вашего приложения параллельно файлу package.json создайте новый файл proxy.config.json

{
   "/api*": {
     "target":"http://localhost:8080", //Add Your Backend url here
     "secure":false,
     "logLevel":"debug"
   }
}

Теперь в вашем файле package.json в сценарии добавьте этот метод для запуска.

"scripts": {
    "start":"ng serve --proxy-config proxy.config.json",
    "test":"ng test"
}