Brak' Access-Control-Allow-Origin ' - Problem Z Węzłem / Portem Apache

Accepted answer is fine, in case you prefer something shorter, you may use a plugin called Kors dostępne na ekspres.js

var cors = require('cors');

// use it before all route definitions
app.use(cors({origin: 'http://localhost:8888'}));

Innym sposobem jest dodanie nagłówków do trasy:

router.get('/', function(req, res) {
    res.setHeader('Access-Control-Allow-Origin', '*');
    res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE'); // If needed
    res.setHeader('Access-Control-Allow-Headers', 'X-Requested-With,content-type'); // If needed
    res.setHeader('Access-Control-Allow-Credentials', true); // If needed

    res.send('cors problem fixed:)');
});

The top answer działał dobrze dla mnie, z wyjątkiem tego, że musiałem dodać więcej niż jedną domenę do białej listy.

Również najlepsza odpowiedź cierpi na fakt, że OPTIONS żądanie nie jest obsługiwane przez oprogramowanie pośredniczące i nie otrzymujesz go automatycznie.

Przechowuję domeny z białej listy jako allowed_origins w konfiguracji Express i umieszczam poprawną domenę zgodnie z nagłówkiem origin, Ponieważ Access-Control-Allow-Origin nie pozwala określić więcej niż jednej domeny.

Oto z czym skończyłem:

var _ = require('underscore');

function allowCrossDomain(req, res, next) {
  res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS');

  var origin = req.headers.origin;
  if (_.contains(app.get('allowed_origins'), origin)) {
    res.setHeader('Access-Control-Allow-Origin', origin);
  }

  if (req.method === 'OPTIONS') {
    res.send(200);
  } else {
    next();
  }
}

app.configure(function () {
  app.use(express.logger());
  app.use(express.bodyParser());
  app.use(allowCrossDomain);
});

Kod odpowiedzi pozwala tylko na localhost: 8888. Ten kod nie może zostać wdrożony do produkcji lub innej nazwy serwera i portu.

Aby uruchomić go dla wszystkich źródeł, użyj tego zamiast:

// Add headers
app.use(function (req, res, next) {

    // Website you wish to allow to connect
    res.setHeader('Access-Control-Allow-Origin', '*');

    // Request methods you wish to allow
    res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE');

    // Request headers you wish to allow
    res.setHeader('Access-Control-Allow-Headers', 'X-Requested-With,content-type');

    // Set to true if you need the website to include cookies in the requests sent
    // to the API (e.g. in case you use sessions)
    res.setHeader('Access-Control-Allow-Credentials', true);

    // Pass to next layer of middleware
    next();
});

Zainstaluj zależność cors w swoim projekcie:

npm i --save cors

Dodaj do pliku konfiguracyjnego serwera:

var cors = require('cors');
app.use(cors());

Działa u mnie z wersją 2.8.4 cors.

Hi dzieje się tak, gdy front end i backend są uruchomione na różnych portach. Przeglądarka blokuje odpowiedzi z zaplecza ze względu na brak nagłówków CORS. Rozwiązaniem jest dodanie nagłówków CORS w żądaniu zaplecza. Najprostszym sposobem jest użycie pakietu cors npm.

var express = require('express')
var cors = require('cors')
var app = express()
app.use(cors())

Spowoduje to włączenie nagłówków CORS we wszystkich żądaniach. Więcej informacji można znaleźć w dokumentacji cors

Https://www.npmjs.com/package/cors

To mi pomogło.

app.get('/', function (req, res) {

    res.header("Access-Control-Allow-Origin", "*");
    res.send('hello world')
})

Możesz zmienić *, aby dopasować się do swoich potrzeb. Mam nadzieję, że to pomoże.