Cho phép yêu cầu CORS REST đối với ứng dụng Express / Node.js trên Heroku

Tôi đã viết một API REST trên khung express cho node.js hoạt động cho các yêu cầu từ bảng điều khiển js trong Chrome và thanh URL, v.v. Tôi hiện đang cố gắng làm cho nó hoạt động với các yêu cầu từ một ứng dụng khác, trên một ứng dụng khác miền (CORS).

Yêu cầu đầu tiên, được tạo tự động bởi giao diện người dùng javascript, là / api / search? Uri =, và có vẻ như không thành công với yêu cầu OPTIONS "preflight".

Trong ứng dụng express của tôi, tôi đang thêm các tiêu đề CORS, sử dụng:

var allowCrossDomain = function(req, res, next) {
    res.header('Access-Control-Allow-Origin', '*');
    res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,OPTIONS');
    res.header('Access-Control-Allow-Headers', 'Content-Type, Authorization, Content-Length, X-Requested-With');

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

và:

app.configure(function () {
  app.use(express.bodyParser());
  app.use(express.methodOverride());
  app.use(app.router);
  app.use(allowCrossDomain);
  app.use(express.static(path.join(application_root, "public")));
  app.use(express.errorHandler({ dumpExceptions: true, showStack: true }));
});

Từ bảng điều khiển Chrome, tôi nhận được các tiêu đề sau:

URL yêu cầu: http: //furious-night-5419.herokuapp.com/api/search? Uri = http% 3A% 2F% 2Flocalhost% 3A5000% 2Fcollections% 2F1% 2Fdocuments% 2F1

Phương thức yêu cầu: OPTIONS

Mã trạng thái: 200 OK

Yêu cầu tiêu đề

Accept:*/*
Accept-Charset:ISO-8859-1,utf-8;q=0.7,*;q=0.3
Accept-Encoding:gzip,deflate,sdch
Accept-Language:en-US,en;q=0.8
Access-Control-Request-Headers:origin, x-annotator-auth-token, accept
Access-Control-Request-Method:GET
Connection:keep-alive
Host:furious-night-5419.herokuapp.com
Origin:http://localhost:5000
Referer:http://localhost:5000/collections/1/documents/1
User-Agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_4) AppleWebKit/536.5 (KHTML, like Gecko) Chrome/19.0.1084.56 Safari/536.5

Tham số chuỗi truy vấn

uri:http://localhost:5000/collections/1/documents/1

Tiêu đề phản hồi

Allow:GET
Connection:keep-alive
Content-Length:3
Content-Type:text/html; charset=utf-8
X-Powered-By:Express

Điều này trông giống như thiếu tiêu đề thích hợp được gửi bởi ứng dụng API?

Cảm ơn.

Tôi đã đánh dấu mã của bạn trên một ứng dụng ExpressJS sạch sẽ và nó hoạt động tốt.

Hãy thử di chuyển của bạn app.use(allowCrossDomain)lên đầu chức năng cấu hình.

để hỗ trợ cookie với Thông tin đăng nhập, bạn cần dòng này xhr.withCredentials = true;

mdn docs xhr.withCredentials

Trong Express Server, hãy thêm khối này vào trước tất cả khối khác

`app.all('*', function(req, res, next) {
     var origin = req.get('origin'); 
     res.header('Access-Control-Allow-Origin', origin);
     res.header("Access-Control-Allow-Headers", "X-Requested-With");
     res.header('Access-Control-Allow-Headers', 'Content-Type');
     next();
});`

Tôi chỉ thêm điều này như một câu trả lời vì bài đăng ban đầu được đưa vào dưới dạng nhận xét và do đó, nó đã bị bạn thực sự bỏ qua ngay lần đầu tiên tôi xem qua trang này.

Như @ConnorLeech chỉ ra trong bình luận của mình để câu trả lời được chấp nhận ở trên, có một gói NPM rất tiện gọi, không có gì ngạc nhiên CORS . Việc sử dụng nó đơn giản như var cors = require('cors'); app.use(cors());(một lần nữa, được trích dẫn từ câu trả lời của ông Leech) và cũng có thể được áp dụng theo cách chặt chẽ hơn, có thể định cấu hình cao hơn như được nêu trong tài liệu của họ .

Cũng có thể đáng để chỉ ra rằng nhận xét ban đầu mà tôi đề cập ở trên được đưa ra vào năm 2014. Bây giờ là năm 2019 và nhìn vào trang github của gói npm, repo đã được cập nhật gần đây nhất là chín ngày trước.

Nó không thể là trường hợp cho hầu hết mọi người duyệt câu hỏi này nhưng tôi đã gặp vấn đề chính xác này và giải pháp không liên quan đến CORS.

Hóa ra rằng bí mật stringmã thông báo web JSON không được xác định trong các biến môi trường, vì vậy mã thông báo không thể được ký. Điều này gây ra bất kỳ POSTyêu cầu nào dựa vào việc kiểm tra hoặc ký mã thông báo để hết thời gian chờ và trả về 503lỗi, cho trình duyệt biết rằng có điều gì đó không ổn trong CORSđó không đúng. Thêm biến môi trường trong Heroku đã giải quyết được vấn đề.

Tôi hi vọng điêu nay se giup được ai đo.