我在Express路由声明的末尾使用通配符来测试连接是否不是HTTPS,如果不是,则重定向到HTTPS的HTTPS版本。
这适用于除root之外的所有内容,即www.domain.com。这有点问题,因为domain.com提供SPA。
app.get('*', function (req, res) {
if (req.headers['X-forwarded-proto'] != 'https') {
res.redirect('https://domain.com/#' + url_path);
}
else {
res.redirect('/#' + url_path);
}
});
我注意到,当URL是根域时,甚至不会调用这一块代码。我想这可能是因为我也宣布:
app.use(express.static(path.join(application_root, 'public')));
这是SPA为所有资产提供服务所必需的。当我删除这一行时,我的路由处理程序现在被调用为根域,但我的主页现在无限重定向。
答案 0 :(得分:0)
我必须创建一个自定义路由来服务我的SPA文件,重命名index.html,以便Express不会尝试提供它而不是我的路线。
答案 1 :(得分:0)
对于可能仍在为此苦苦挣扎的任何人,我在将其React-Express应用程序部署到Heroku上时也遇到了同样的问题。我使用了一个中间件:“ heroku-ssl-redirect”。对我来说,解决方案是将该中间件放在层次结构中(现在是我正在使用的第一个中间件):
var sslRedirect = require("heroku-ssl-redirect");
const express = require('express');
const path = require('path');
const e = require('express');
const app = express();
app.use(sslRedirect());
// Serve the static files from the React app
app.use(express.static(path.join(__dirname, 'client/build')));
// Handles any requests that don't match the ones above
app.get('*', (req, res) =>{
res.sendFile(path.join(__dirname+'/client/build/index.html'));
});
const port = process.env.PORT || 5000;
app.listen(port);
console.log('App is listening on port ' + port);