Question

Nginx reverse proxy to nodejs app - domain root location redirects browser back to server IP

I have a client with an existing domain name which cannot be pointed to my server just yet.

So in the meanwhile I’ve added my node app and configuring the reverse proxy. This is what I’ve done:

  1. Added domain entries to my local machine’s hosts file: 134.209.53.229 example.com 134.209.53.229 www.example.com

  2. on my droplet’s hosts file, I did the same: 134.209.53.229 example.com 134.209.53.229 www.example.com

  3. My nginx reverse proxy setup. This is my /etc/nginx/sites-available/default file:

server {
        listen 80 default_server;
        listen [::]:80 default_server;

        root /var/www/html;
        index index.php index.js index.html index.htm index.nginx-debian.html;

        server_name example.com www.example.com;

        location / {
        proxy_pass http://localhost:8000;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
        proxy_cache_bypass $http_upgrade;
        }
}

Now what happens if I visit any subpath, like http://example.com/products, everything works fine.

But, when I visit root http://example.com - contents are loaded fine, but the address in my browser address bar changes to http://134.209.53.229 .

Looking at my network tab, I see that initiator is example.com, but in the request headers host is actually 134.209.53.229 (not example.com).

How can I fix this?

I followed this guide to set up the reverse proxy: https://www.digitalocean.com/community/tutorials/how-to-set-up-a-node-js-application-for-production-on-ubuntu-16-04

The only prerequisite I have not done is SSL - again because I cannot point this domain name to my server yet. I don’t think that should have anything to do with it though.

Show comments

Submit an answer

This textbox defaults to using Markdown to format your answer.

You can type !ref in this text area to quickly search our full set of tutorials, documentation & marketplace offerings and insert the link!

Sign In or Sign Up to Answer

These answers are provided by our Community. If you find them useful, show some love by clicking the heart. If you run into issues leave a comment, or add your own answer to help others.

Want to learn more? Join the DigitalOcean Community!

Join our DigitalOcean community of over a million developers for free! Get help and share knowledge in Q&A, subscribe to topics of interest, and get courses and tools that will help you grow as a developer and scale your project or business.

Hello,

The reverse proxy rule looks good. As it is only happening in Chrome it sounds like it is just a caching problem.

You can try clearing the cache of your browser or using an incognito window to verify if this is the case.

Best,

Bobby