我在Heroku上部署了一个Express服务器:https://server.mydomain.com
还有一个Next.js React应用也部署在Heroku上:https://app.mydomain.com
两者都有Heroku自动配置的SSL证书,当我访问https域时,它们按预期工作。
我遇到的问题是,当我访问http://app.mydomain.com时,它不会重定向到https://app.mydomain.com。
我在网上找到的所有解决方案都指向在服务器上强制SSL:
- this popular question表示检查
x-forwarded-proto
值:
/* At the top, with other redirect methods before other routes */
app.get('*',function(req,res,next){
if(req.headers['x-forwarded-proto']!='https')
res.redirect('https://app.mydomain.com'+req.url)
else
next() /* Continue to other routes if we're not redirecting */
})
字符串
- 而其他人建议使用像express-sslify或heroku-ssl-redirect这样的软件包。
这些解决方案对于服务器请求来说工作得很好,但是加载React客户端页面并不一定会触发app.get()
。显然,React客户端可以独立于服务器运行。
**所以问题是:**如何在Heroku上为子域Next.js React客户端应用强制https?而不使用express server方法?
3条答案
按热度按时间gajydyqb1#
我在一个生产应用程序中这样做。
我们准备下一个app对象并初始化一个express服务器。这在server.js文件中完成。你可以在关于自定义服务器的文档中阅读更多。
在github的examples文件夹中,Next.js也有一个关于自定义express服务器的例子,它是here。
字符串
至于部署到Heroku,你应该可以定制npm start脚本来启动nextjs,如下所示:
型
Heroku还自动运行npm run build,因此它应该为您构建应用程序。
zlhcx6iw2#
Heroku目前没有为force the use of
https
for node apps提供“开箱即用”的功能。但是,随着Nextjs v12的发布,您可以在无需设置custom server并使用middleware的情况下实现这一点。
请参阅此答案,了解
middleware
与custom server
的示例代码和优势。我还发布了一个npm package来处理这个问题:
字符串
9wbgstp73#
来自@ jobio-cunha的答案很棒,对我也很有效。我不得不做一些小的调整,以便与我的heroku应用程序(2023年底部署)一起使用。
我的heroku NODE_ENV正在重新生成。以下更改已解决
字符串
到
型
在if语句中使用or导致了一个错误,这似乎是由于应用程序重定向时的无限重定向,命中中间件-传递了if条件,然后再次重定向。
所以对我来说,
型
到
型
否则工作就像一个魅力。非常感谢@5tormTrooper的问题和若昂库尼亚的答案。