Invalid Host header when running Create React App on localhost subdomain

user_5279965 0
Viewed 19265

After updating to the react-scripts 1.0.0 I get this error when I try to open my app in the browser on a localhost subdomain: 'Invalid Host header'

My app was set up to serve different data for different subdomains: group1.localhost:3000 group2.localhost:3000 ...

I found that adding the code below to my webpack config should fix the problem.

devServer: {
  disableHostCheck: true
}

But how can i fix it in CRA without ejecting?

create-react-app webpack
4 Answers

An easy solution for development environment would be to set the following environment variable: DANGEROUSLY_DISABLE_HOST_CHECK=true

That can be done by e.g. adding that line to .env file in the root of the project. Note that this is not a secure solution and should not be used in production.

user_13174060

Solved it by adding 0.0.0.0 <domain> in my /etc/hosts in addition to adding the domain to the .env file.

user_50310090

Add the HOST in your .env file, then create react app will your host, rather than localhost. If it doesn't fix the issue then add DANGEROUSLY_DISABLE_HOST_CHECK=true in the .env file.

Don't forget to restart the development server.

HOST=mydevserver.com
user_63350290
Related