首页 > 解决方案 > Heroku 上的 React 应用程序获取无效的主机标头

问题描述

将我的 React 应用程序部署到 Heroku 上并打开我的应用程序以获取 Invalid Host Header。

任何人都知道还有什么可能导致这种情况?我一直在回顾过去的项目,看看我是否有任何不同的设置,但到目前为止还无法弄清楚。

我尝试了所有可以在网上找到的解决方案,唯一让页面加载的解决方案是从我的 package.json 中删除我的“代理”:“ http://localhost:8080 ”,但应用程序无法使用后面-结尾。

if (process.env.NODE_ENV !== 'production') {
console.log('loading dev environments');
require('dotenv').config();

}

require('dotenv').config();

if (process.env.NODE_ENV === 'production') {
const path = require('path');
console.log('YOU ARE IN THE PRODUCTION ENV');
app.use('/static', express.static(path.join(__dirname, '../build/static')));
app.get('/', (req, res) => {
    res.sendFile(path.join(__dirname, '../build/'));
});

}

认为这与不切换到生产配置有关,但我的文件设置方式与过去的项目相同,并且我的节点服务器的代码也可以更改为生产。

标签: node.jsreactjsexpressherokureact-router-dom

解决方案


推荐阅读