Cách bật chia sẻ tài nguyên gốc (CORS) trong khung công tác express.js trên node.js

Question

Tôi đang cố gắng xây dựng máy chủ web trong node.js sẽ hỗ trợ tập lệnh tên miền chéo, trong khi vẫn cung cấp tệp tĩnh từ một thư mục công cộng. Tôi đang sử dụng express.js và không thực sự chắc chắn cách cho phép viết mã miền chéo (Access-Control-Allow-Origin: *).

Tôi đã thấy this post, điều mà tôi không thấy hữu ích.

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

Answer 1

Check-out the example from enable-cors.org:

In your ExpressJS app on node.js, do the following with your routes:

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 
}); 

Cuộc gọi đầu tiên (app.all) nên được thực hiện trước khi tất cả các tuyến đường khác trong ứng dụng của bạn (hoặc ít nhất là những người bạn muốn trở thành CORS kích hoạt).

[Chỉnh sửa]

Nếu bạn muốn tiêu đề xuất hiện cho các tập tin tĩnh là tốt, cố gắng này (chắc chắn rằng nó trước khi cuộc gọi đến 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(); 
}); 

Tôi thử nghiệm này với mã của bạn và có các tiêu đề trên tài sản từ public thư mục:

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

bạn có thể, tất nhiên, gói chức năng thành một module để bạn có thể làm một cái gì đó như

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

Answer 2

Sau giải pháp @Brandon Tilley, dường như nó không có tác dụng với tôi lúc đầu. Bạn không chắc chắn lý do tại sao, có thể tôi đang sử dụng phiên bản chrome và phiên bản khác của nút. Sau khi đã thực hiện một số chỉnh sửa nhỏ, nó hiện đang hoạt động cho tôi.

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

Trong trường hợp ai đó phải đối mặt với vấn đề tương tự như tôi, điều này có thể hữu ích.

Answer 3

tôi sử dụng này:

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

mã này giả định rằng các bộ điều khiển của bạn đang nằm trong thư mục bộ điều khiển. mỗi tập tin trong thư mục này nên được một cái gì đó như thế này:

module.exports = function(app){ 

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

} 

Answer 4

Một bước bổ sung tôi cần để có được để chuyển đổi URL của tôi http://localhost-http://127.0.0.0

Answer 5

Đề nghị sử dụng các mô-đun cors nhanh. Điều này cho phép bạn đưa các miền vào danh sách trắng, cho phép/giới hạn các tên miền cụ thể cho các tuyến đường, v.v.,

Answer 6

Hãy thử các mô-đun cors npm này.

var cors = require('cors') 

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

Module này cung cấp nhiều tính năng để CORS tinh chỉnh thiết lập như danh sách trắng miền, cho phép CORS cho apis cụ thể, vv

Answer 7

Bạn phải thiết lập Access-Control-Allow-Credentials: true, nếu bạn muốn sử dụng "cookie" qua "Credentials"

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