Express.js重定向到HTTPS并发送index.html

Question

我有一个简单的Express.js实例,它为单页Angular应用程序提供静态资源.我在Express配置上设置了一些中间件,以便为所有路由返回index.html,Angular可以从那里加载.

最近,我在Heroku上设置了SSL,我想确保从HTTP传入的所有流量都被重定向到HTTPS.我试图将这篇文章中建议的解决方案与我现在的解决方案结合起来,但最后还是在无休止的重定向循环中.

简而言之,我需要将所有流量从HTTP重定向到HTTPS,并为所有请求发送index.html文件.我在这做错了什么？

var gzippo = require('gzippo');
var express = require('express');
var morgan = require('morgan');
var app = express();

// set environment variables
var env = app.get('env') || 'development';

app.use(morgan('dev'));

// serve static assets
app.use(gzippo.staticGzip("" + __dirname + "/dist"));
app.use("/js", express.static(__dirname + "/dist/scripts"));
app.use("/fonts", express.static(__dirname + "/fonts"));
app.use("/img", express.static(__dirname + "/dist/assets/images"));
app.use("/css", express.static(__dirname + "/dist/styles"));


// Redirect all HTTP traffic to HTTPS
function ensureSecure(req, res, next){
  if(req.secure){
    // OK, continue
    return next();
  };
  res.redirect('https://'+req.hostname+req.url); // handle port numbers if you need non defaults
};


// Always send index.html
function sendIndex(req, res, next) {
  res.sendfile('index.html', { root: __dirname + "/dist/"});
}


// Handle environments
if (env == 'production') {
  app.all('*', ensureSecure);
}

app.all('/*', sendIndex);

// Start server
app.listen(process.env.PORT || 5000);

Answer 1

Heroku在负载均衡器级别终止SSL连接,因此req.secure永远不会成立,因为您与heroku的负载均衡器的连接不使用SSL,因此创建了无限重定向循环.

你必须检查X-Forwarded-Proto标题:

if(req.headers["x-forwarded-proto"] === "https"){
  // OK, continue
  return next();
};
res.redirect('https://'+req.hostname+req.url);

编辑:您还可以设置app.enable("trust proxy")为自动快速检查标题.请参阅http://expressjs.com/guide/behind-proxies.html