将 React Express 和 Node 应用程序部署到 Heroku 代理错误

Question

I have successfully in the past launched full stack applications to Heroku by using within the client package.json file.

"proxy": " http://localhost:3001 "

Now I am getting an "Invalid Host header" I did fix that error by removing the proxy as well as implementing setupProxy.js file with the following code, but afterwards the app does not call the back end at all and errors out.

const { createProxyMiddleware } = require('http-proxy-middleware');
module.exports = function(app) {
  app.use(
    '/api',
    createProxyMiddleware({
      target: 'http://localhost:3001',
      changeOrigin: true,
    })
  );
};

I'm wondering how to fix, or if anything changed recently in Heroku to not allow proxy within the client package.json file?

Answer 1

It looks like it was a seemingly unrelated fix. I had to enter in some environment variables within Heroku to allow the server to run. Without the variables, I believe the server would stop with errors therefore trickling down and causing many problems. So long story short, always remember your environment variables within Heroku.