Location prefix behind reverse proxy + Button For Reload Configuration

README.md

@@ -114,3 +114,60 @@ server {
 2. Run `nginx -t` to make sure, that your config is valid
 3. Run `systemctl restart nginx` (or equivalent) to restart your nginx and apply the new settings
 4. Your nginx ui is now accessible at nginx.mydomain.com and will correctly prompt for basic auth
+
+### Example NginX-UI + NginX (run in container) behind path '/some-location'
+
+docker-compose.yml
+```yaml
+version: '3'
+services:
+  nginx-ui:
+    container_name: nginx-ui
+    build: .
+    image: schenkd/nginx-ui:latest
+    # ports:
+    #   - 8080:8080
+    volumes:
+      - D:/_data/_docker/nginx:/etc/nginx
+    networks:
+      - my-custom-network
+  nginx:
+    container_name: nginx
+    image: nginx:latest
+    ports:
+      - 80:80
+    volumes:
+      - D:/_data/_docker/nginx:/etc/nginx
+    networks:
+      - my-custom-network
+networks:
+  my-custom-network:
+    name: my-custom-network
+    external: true
+```
+
+default.conf
+```none
+server {
+
+    listen 80;
+    listen [::]:80;
+    server_name  localhost;
+
+    # ...
+
+    location /nginx-ui/ {
+        proxy_set_header X-Forwarded-Host $host;
+        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        proxy_set_header X-Forwarded-Proto $scheme;
+
+        # Need to pass this header for backend procesing route '/nginx-ui' + '/api'
+        proxy_set_header X-Forwarded-Prefix /nginx-ui;
+
+        # With docker custom network, we can use container name with port
+        # We cannot access port 8080 directly from outside host server
+        proxy_pass http://nginx-ui:8080/;
+    }
+
+}
+```

app/__init__.py

@@ -2,12 +2,18 @@
 from config import config
 from flask_moment import Moment
 
+from werkzeug.middleware.proxy_fix import ProxyFix
 
 moment = Moment()
 
 
 def create_app(config_name):
     app = Flask(__name__)
+
+    app.wsgi_app = ProxyFix(
+        app.wsgi_app, x_for=1, x_proto=1, x_host=1, x_prefix=1
+    )
+
     app.config.from_object(config[config_name])
 
     config[config_name].init_app(app)

app/static/custom.js

@@ -25,7 +25,7 @@ function add_domain() {
 
     $.ajax({
         type: 'POST',
-        url: '/api/domain/' + name,
+        url: 'api/domain/' + name,
         statusCode: {
             201: function() { fetch_domain(name) }
         }
@@ -37,7 +37,7 @@ function enable_domain(name, enable) {
 
     $.ajax({
         type: 'POST',
-        url: '/api/domain/' + name + '/enable',
+        url: 'api/domain/' + name + '/enable',
         contentType: 'application/json; charset=utf-8',
         dataType: 'json',
         data: JSON.stringify({
@@ -56,7 +56,7 @@ function update_domain(name) {
 
     $.ajax({
         type: 'PUT',
-        url: '/api/domain/' + name,
+        url: 'api/domain/' + name,
         contentType: 'application/json; charset=utf-8',
         dataType: 'json',
         data: JSON.stringify({
@@ -88,7 +88,7 @@ function remove_domain(name) {
 
     $.ajax({
         type: 'DELETE',
-        url: '/api/domain/' + name,
+        url: 'api/domain/' + name,
         statusCode: {
             200: function() {
                 load_domains();
@@ -121,7 +121,7 @@ function update_config(name) {
 
     $.ajax({
         type: 'POST',
-        url: '/api/config/' + name,
+        url: 'api/config/' + name,
         contentType: 'application/json; charset=utf-8',
         dataType: 'json',
         data: JSON.stringify({

docker-compose.windows.yml

@@ -0,0 +1,30 @@
+version: '3'
+
+services:
+
+  nginx-ui:
+    container_name: nginx-ui
+    build: .
+    image: bifeldy/nginx-ui:latest
+    # ports:
+    #   - 8080:8080
+    volumes:
+      - D:/_data/_docker/nginx:/etc/nginx
+    networks:
+      - bifeldy-net
+
+  nginx:
+    container_name: nginx
+    image: nginx:latest
+    ports:
+      - 8888:80
+    volumes:
+      - D:/_data/_docker/nginx:/etc/nginx
+    networks:
+      - bifeldy-net
+
+networks:
+
+  bifeldy-net:
+    name: bifeldy-net
+    external: true