Basic Authentication with Nginx with proxy port (react/node app etc)

Reference: https://docs.nginx.com/nginx/admin-guide/security-controls/configuring-http-basic-authentication/

Requirements: apache2-utils or httpd-tools

Use htpasswd utility and create a .htpasswd file, see reference

1
2
htpasswd -c  /etc/nginx/.htpasswd usernamethatyouwant
chmod 644 /etc/nginx/.htpasswd

After that, just add lines in nginx conf

1
2
3
4
5
6
7
8
9
10
location / {
    auth_basic "Backend Area";
    auth_basic_user_file /etc/nginx/.htpasswd; ## path to your passwd file
    ## ...
    ## xyz code
    ##...
    proxy_pass http://127.0.0.1:4000; ## Proxy port for your app
    proxy_set_header Authorization ""; ## DONT FORGET THIS. reset the auth header
    include proxy.inc;
}

Restart nginx now or test first using “nginx -t”


Posted

in

,

by

Tags:

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *