允許使用restify的選項方法 - 請求頭字段預檢響應中的Access-Control-Allow-Headers不允許授權

Question

我正在使用restify框架編寫nodejs api應用程序。

我正在為跨域訪問啟用cors。

restify使用以下代碼配置：

var restify = require('restify'),
fs = require('fs');

var server = restify.createServer({
  certificate: fs.readFileSync(__dirname + '/config/keys/myalcoholist/server.crt'),
key: fs.readFileSync(__dirname + '/config/keys/myalcoholist/server.key'),
name: 'MyAlcoholist',
});
function corsHandler(req, res, next) {

res.setHeader('Access-Control-Allow-Origin', '*');
res.setHeader('Access-Control-Allow-Headers', 'Origin, Accept, Accept-Version, Content-Length, Content-MD5, Content-Type, Date, X-Api-Version, X-Response-Time, X-PINGOTHER, X-CSRF-Token');
res.setHeader('Access-Control-Allow-Methods', '*');
res.setHeader('Access-Control-Expose-Headers', 'X-Api-Version, X-Request-Id, X-Response-Time');
res.setHeader('Access-Control-Max-Age', '1000');

return next();
}
function optionsRoute(req, res, next) {

res.send(200);
return next();
}



server.use(restify.bodyParser());
server.use(restify.CORS({
origins: ['http://127.0.0.1', 'https://myalcoholist.com', 'https://www.myalcoholist.com'],   // defaults to ['*']
credentials: true,                 // defaults to false
headers: ['x-foo'],                 // sets expose-headers
methods: ['GET','PUT','DELETE','POST','OPTIONS']
}));

server.opts('/\.*/', corsHandler, optionsRoute);

server.listen(8888, function() {
console.log('%s listening at %s', server.name, server.url);
});

正如您所看到的，我實現了一個corsHandler函數來處理OPTIONS請求。 我遇到的問題是，當我從https://myalcoholist.com訪問此nodejs api時，我的google chrome瀏覽器出現以下錯誤：

XMLHttpRequest cannot load https://myalcoholist.com:8888/cocktail/get_latest_drinks. Request header field Authorization is not allowed by Access-Control-Allow-Headers in preflight response.

任何想法為什么我得到這個錯誤？

Answer 1

似乎答案非常簡單，我需要將Authorization添加到允許的標頭中。 所以我的corsHandler函數有效如下：

function corsHandler(req, res, next) {

res.setHeader('Access-Control-Allow-Origin', '*');
res.setHeader('Access-Control-Allow-Headers', 'Origin, Accept, Accept-Version, Content-Length, Content-MD5, Content-Type, Date, X-Api-Version, X-Response-Time, X-PINGOTHER, X-CSRF-Token,Authorization');
res.setHeader('Access-Control-Allow-Methods', '*');
res.setHeader('Access-Control-Expose-Headers', 'X-Api-Version, X-Request-Id, X-Response-Time');
res.setHeader('Access-Control-Max-Age', '1000');

return next();
}

Answer 2

能夠通過以下方式解決OPTIONS MethodNotAllowed錯誤和使用GET / POST的CORS預檢問題的解決問題

var server = restify.createServer({
    name: "Test Server",
    version: "2.0.1"
});

function corsHandler(req, res, next) {
    res.setHeader('Access-Control-Allow-Origin', '*');
    res.setHeader('Access-Control-Allow-Headers', 'Origin, Accept, Accept-Version, Content-Length, Content-MD5, Content-Type, Date, X-Api-Version, X-Response-Time, X-PINGOTHER, X-CSRF-Token,Authorization');
    res.setHeader('Access-Control-Allow-Methods', '*');
    res.setHeader('Access-Control-Expose-Headers', 'X-Api-Version, X-Request-Id, X-Response-Time');
    res.setHeader('Access-Control-Max-Age', '1000');
    return next();
}

function optionsRoute(req, res, next) {
    res.send(200);
    return next();
}

server.use(restify.CORS({
credentials: true,                 // defaults to false
methods: ['GET','PUT','DELETE','POST','OPTIONS']
}));

/*
routes and authentication handlers 
*/

server.opts('/\.*/', corsHandler, optionsRoute);
server.listen(serverPort, function() {
    var consoleMessage = '\n Test Server';
}

Answer 3

似乎Restify直接刪除了CORS支持，現在由一個插件， restify-cors-middleware處理 。