如何将 CORS 标头添加到 Meteor 应用程序？

Question

如何在 Meteor 中将Access-Control-Allow-Origin: * 标头添加到所有响应（特别是我对/public/ 下的静态文件感兴趣）？我需要这个，以便外部网络应用程序可以访问我的 Meteor 应用程序提供的数据。有关启用 CORS 的更多信息is here。

Answer 1

这是我写的一个小sn-p。您可以以如何访问流星的核心连接和修改标头为例，这也是每个流星项目的一个很好的插件：

/**
 * HTTP Header Security
 *
 * enforce HTTP Strict Transport Security (HSTS) to prevent ManInTheMiddle-attacks
 * on supported browsers (all but IE)
 * > http://www.html5rocks.com/en/tutorials/security/transport-layer-security
 *
 * @header Strict-Transport-Security: max-age=2592000; includeSubDomains
 */

var connectHandler = WebApp.connectHandlers; // get meteor-core's connect-implementation

// attach connect-style middleware for response header injection
Meteor.startup(function () {
  connectHandler.use(function (req, res, next) {
    res.setHeader('Strict-Transport-Security', 'max-age=2592000; includeSubDomains'); // 2592000s / 30 days
    return next();
  })
})

Answer 2

有两种方法可以解决这个问题。一种是修改流星代码并将其添加（以便每个文件都有这个标题）。这可能不是一个好主意，因为您不希望每个文件都有这个。但是，如果您确实进行了更改，请通过挂钩到应用程序来实现

var app = __meteor_bootstrap__.app;
app.use(function(req,res) {
    res.setHeader('access-control-allow-origin', '*');
});

另一种是使用带有meteor router 之类的自定义路由。通过这种方式，您可以控制要在哪些文件中包含标题，因此最好使用类似这样的文件

服务器端js：

Meteor.Router.add('/yourfile.txt', function() {
    this.response.setHeader('access-control-allow-origin', '*');

    var fs = Npm.require("fs");
    return fs.readFileSync("/public/yourfile.txt", "utf8");

});