React-App: "Invalid Host header"

[Funory]

How to fix #26 with a React Project?

[jankeromnes]

Hi @Funory! Thank you for reaching out.

As mentioned in https://www.gitpod.io/blog/gitpodify/#invalid-host-header, you can try several things:

• Use the --host 0.0.0.0 --disable-host-check flags with your webpack-dev-server or ng serve CLI
• Add devServer: { host: '0.0.0.0', disableHostCheck: true } to your webpack.config.js or vue.config.js file
• Set the DANGEROUSLY_DISABLE_HOST_CHECK env variable to true in your project

Hope this helps!

[Funory]

Setting the DANGEROUSLY_DISABLE_HOST_CHECK=true does it, thanks.

[LuisTheDeveloper]

Setting the DANGEROUSLY_DISABLE_HOST_CHECK=true does it, thanks.

Hi, where did you find that flag in react project? What source file?
Thanks.

[jankeromnes]

@LuisTheDeveloper The DANGEROUSLY_DISABLE_HOST_CHECK environment variable is specific to create-react-app.

It's useful when you're using create-react-app but you have no control over what options are passed to webpack-dev-server.

[sergioxro]

To those who were a little lost, like me, the solution is, in your react app root folder create a file with the name .env.development.local then add the DANGEROUSLY_DISABLE_HOST_CHECK=true in that file.