Cara mengaktifkan berbagi sumber daya lintas sumber (CORS) dalam kerangka kerja express.js di node.js

Saya mencoba membangun server web di node.js yang akan mendukung skrip lintas domain, sambil tetap menyediakan file statis dari direktori publik. Saya menggunakan express.js dan tidak begitu yakin cara mengizinkan skrip lintas domain ( Access-Control-Allow-Origin: *).

Saya melihat posting ini , yang menurut saya tidak berguna.

var express = require('express')
  , app = express.createServer();

app.get('/', function (req, res, next) {
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Headers", "X-Requested-With");
    next();
});

app.configure(function () {
    app.use(express.methodOverride());
    app.use(express.bodyParser());
    app.use(app.router);
});

app.configure('development', function () {

    app.use(express.static(__dirname + '/public'));
    app.use(express.errorHandler({ dumpExceptions: true, showStack: true }));
});

app.configure('production', function () {


    var oneYear = 31557600000;
    //    app.use(express.static(__dirname + '/public', { maxAge: oneYear }));
    app.use(express.static(__dirname + '/public'));
    app.use(express.errorHandler());
});

app.listen(8888);
console.log('express running at http://localhost:%d', 8888);

Lihat contoh dari enable-cors.org :

Di aplikasi ExpressJS Anda di node.js, lakukan hal berikut dengan rute Anda:

app.all('/', function(req, res, next) {
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Headers", "X-Requested-With");
  next();
 });

app.get('/', function(req, res, next) {
  // Handle the get for this route
});

app.post('/', function(req, res, next) {
 // Handle the post for this route
});

Panggilan pertama ( app.all) harus dilakukan sebelum semua rute lain di aplikasi Anda (atau setidaknya yang Anda inginkan untuk mengaktifkan CORS).

[Sunting]

Jika Anda ingin header muncul untuk file statis juga, coba ini (pastikan sebelum panggilan ke use(express.static()):

app.use(function(req, res, next) {
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Headers", "X-Requested-With");
  next();
});

Saya menguji ini dengan kode Anda, dan mendapatkan header pada aset dari publicdirektori:

var express = require('express')
  , app = express.createServer();

app.configure(function () {
    app.use(express.methodOverride());
    app.use(express.bodyParser());
    app.use(function(req, res, next) {
      res.header("Access-Control-Allow-Origin", "*");
      res.header("Access-Control-Allow-Headers", "X-Requested-With");
      next();
    });
    app.use(app.router);
});

app.configure('development', function () {
    app.use(express.static(__dirname + '/public'));
    app.use(express.errorHandler({ dumpExceptions: true, showStack: true }));
});

app.configure('production', function () {
    app.use(express.static(__dirname + '/public'));
    app.use(express.errorHandler());
});

app.listen(8888);
console.log('express running at http://localhost:%d', 8888);

Anda dapat, tentu saja, mengemas fungsi menjadi modul sehingga Anda dapat melakukan sesuatu seperti

// cors.js

module.exports = function() {
  return function(req, res, next) {
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Headers", "X-Requested-With");
    next();
  };
}

// server.js

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

Mengikuti solusi @Michelle Tilley, tampaknya itu tidak berhasil untuk saya pada awalnya. Tidak yakin mengapa, mungkin saya menggunakan chrome dan versi node yang berbeda. Setelah melakukan beberapa perubahan kecil, ini berfungsi untuk saya sekarang.

app.all('*', function(req, res, next) {
  res.header('Access-Control-Allow-Origin', '*');
  res.header('Access-Control-Allow-Methods', 'PUT, GET, POST, DELETE, OPTIONS');
  res.header('Access-Control-Allow-Headers', 'Content-Type');
  next();
});

Jika seseorang menghadapi masalah yang sama dengan saya, ini mungkin bisa membantu.

Cobalah untuk ini kor modul NPM.

var cors = require('cors')

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

Modul ini menyediakan banyak fitur untuk menyempurnakan pengaturan kors seperti daftar putih domain, mengaktifkan kors untuk apis tertentu, dll.

Saya menggunakan ini:

var app = express();

app
.use(function(req, res, next){
    res.header('Access-Control-Allow-Origin', '*');
    res.header('Access-Control-Allow-Headers', 'X-Requested-With');
    next();
})
.options('*', function(req, res, next){
    res.end();
})
;

h.readFiles('controllers').forEach(function(file){
  require('./controllers/' + file)(app);
})
;

app.listen(port);
console.log('server listening on port ' + port);

kode ini mengasumsikan bahwa pengontrol Anda terletak di direktori pengontrol. setiap file di direktori ini harus seperti ini:

module.exports = function(app){

    app.get('/', function(req, res, next){
        res.end('hi');
    });

}

Rekomendasikan untuk menggunakan modul cors express. Ini memungkinkan Anda untuk memasukkan domain ke dalam daftar putih, mengizinkan / membatasi domain secara khusus untuk rute, dll.,

Anda harus mengatur Access-Control-Allow-Credentials: true, jika ingin menggunakan "cookie" melalui "Kredensial"

app.all('*', function(req, res, next) {
  res.header('Access-Control-Allow-Origin', '*');
  res.header('Access-Control-Allow-Credentials', true);
  res.header('Access-Control-Allow-Methods', 'PUT, GET, POST, DELETE, OPTIONS');
  res.header('Access-Control-Allow-Headers', 'Content-Type');
  next();
});

app.use(function(req, res, next) {
var allowedOrigins = [
  "http://localhost:4200"
];
var origin = req.headers.origin;
console.log(origin)
console.log(allowedOrigins.indexOf(origin) > -1)
// Website you wish to allow to
if (allowedOrigins.indexOf(origin) > -1) {
  res.setHeader("Access-Control-Allow-Origin", origin);
}

// res.setHeader("Access-Control-Allow-Origin", "http://localhost:4200");

// 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,Authorization"
);

// 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();

});

Tambahkan kode ini di file index.js atau server.js Anda dan ubah array asal yang diizinkan sesuai dengan kebutuhan Anda.

Satu langkah tambahan yang perlu saya lakukan adalah mengalihkan URL saya dari http://localhostmenjadihttp://127.0.0.0