Home / Questions / 245542
Accepted
fredyfx
Asked: 2020-03-14 18:02:03 +0800 CST 2020-03-14 18:02:03 +0800 CST

Invalid Host Header when ngrok tries to connect to dev server

  • 772

There is a tool called ngrok ( http://ngrok.io ) that basically makes your localhost viewable from anywhere thanks to the magic of the internet. It is one of those tools that will make your life easier as a developer.

Once I downloaded the app and ran it, it gave me the link to view, so far so good, I go to the iPad to try and...

Invalid Host Header

I tried to open any other page that I have on localhost and they all gave me the same, what do we do? we cry?

web

1 Answers

  1. Best Answer

    First things first, let's calm down. Now, considering that the problem says:

    Invalid Host Header

    We have the idea that the solution should/can be related to the host header , so in the documentation there is probably something like that.

    Documentation link: https://ngrok.com/docs#host-header

    Original text:

    Rewriting the Host header

    When forwarding to a local port, ngrok does not modify the tunneled HTTP requests at all, they are copied to your server byte-for-byte as they are received. Some application servers like WAMP, MAMP and pow use the Host header for determining which development site to display. For this reason, ngrok can rewrite your requests with a modified Host header. Use the -host-header switch to rewrite incoming HTTP requests.

    If rewrite is specified, the Host header will be rewritten to match the hostname portion of the forwarding address. Any other value will cause the Host header to be rewritten to that value.

    Translated into good Spanish:

    Rewrite Host header

    When forwarded to a local port, ngrok does not modify tunneled HTTP requests at all, but instead copies them to its server byte-by-byte as they are received. Some application servers like WAMP, MAMP, and pow use the Host header to determine which development site to display. For this reason, ngrok can rewrite your requests with a modified Host header. Use the -host-header parameter to rewrite incoming HTTP requests.

    If rewrite is specified, the host header will be rewritten to match the hostname part of the forwarding address. Any other value will cause the Host header to be rewritten to that value.

    Solution

    We must define the host header, in this case it is localhost:8080, which we have to apply the following command:

    ngrok http 8080 -host-header="localhost:8080"

    Done, it worked and everyone happy. To continue developing with all the power 2.0!!!

    • 2