fix(shop): use production API via same-origin nginx proxy

Hardcoded localhost:5000 broke shop.zea.lt; wire env fileReplacements
and proxy /api + /uploads to the API container.

docker/docker-compose.yml

@@ -79,6 +79,7 @@ services:
     depends_on:
       - api
     networks:
+      - iled
       - homelab
     labels:
       - "traefik.enable=true"
@@ -95,6 +96,7 @@ services:
     depends_on:
       - api
     networks:
+      - iled
       - homelab
     labels:
       - "traefik.enable=true"

docker/nginx-spa.conf

@@ -4,6 +4,25 @@ server {
   root /usr/share/nginx/html;
   index index.html;
 
+  # Browser calls same-origin /api and /uploads; proxy to API container.
+  location /api/ {
+    proxy_pass http://api:8080/api/;
+    proxy_http_version 1.1;
+    proxy_set_header Host $host;
+    proxy_set_header X-Real-IP $remote_addr;
+    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+    proxy_set_header X-Forwarded-Proto $scheme;
+  }
+
+  location /uploads/ {
+    proxy_pass http://api:8080/uploads/;
+    proxy_http_version 1.1;
+    proxy_set_header Host $host;
+    proxy_set_header X-Real-IP $remote_addr;
+    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+    proxy_set_header X-Forwarded-Proto $scheme;
+  }
+
   location / {
     try_files $uri $uri/ /index.html;
   }

src/admin/angular.json

@@ -47,7 +47,13 @@
                   "maximumError": "8kB"
                 }
               ],
-              "outputHashing": "all"
+              "outputHashing": "all",
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.production.ts"
+                }
+              ]
             },
             "development": {
               "optimization": false,

src/admin/src/app/core/constants.ts

@@ -1,3 +1,5 @@
-export const API_URL = 'http://localhost:5000/api/v1';
+import { environment } from '../../environments/environment';
-export const API_BASE_URL = 'http://localhost:5000';
+
-export const SHOP_URL = 'http://localhost:4200';
+export const API_URL = environment.apiUrl;
+export const API_BASE_URL = environment.apiBaseUrl;
+export const SHOP_URL = environment.shopUrl;

src/admin/src/environments/environment.production.ts

@@ -0,0 +1,7 @@
+export const environment = {
+  production: true,
+  // Same-origin; nginx proxies /api and /uploads to the API service.
+  apiUrl: '/api/v1',
+  apiBaseUrl: '',
+  shopUrl: 'https://shop.zea.lt',
+};

src/admin/src/environments/environment.ts

@@ -0,0 +1,6 @@
+export const environment = {
+  production: false,
+  apiUrl: 'http://localhost:5000/api/v1',
+  apiBaseUrl: 'http://localhost:5000',
+  shopUrl: 'http://localhost:4200',
+};

src/shop/angular.json

@@ -47,7 +47,13 @@
                   "maximumError": "8kB"
                 }
               ],
-              "outputHashing": "all"
+              "outputHashing": "all",
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.production.ts"
+                }
+              ]
             },
             "development": {
               "optimization": false,

src/shop/src/app/core/constants.ts

@@ -1,6 +1,8 @@
-export const API_URL = 'http://localhost:5000/api/v1';
+import { environment } from '../../environments/environment';
 
-export const API_BASE_URL = 'http://localhost:5000';
+export const API_URL = environment.apiUrl;
+
+export const API_BASE_URL = environment.apiBaseUrl;
 
 export const SESSION_KEY = 'iled_session';
 

src/shop/src/environments/environment.production.ts

@@ -1,6 +1,8 @@
 export const environment = {
   production: true,
+  // Same-origin; nginx proxies /api and /uploads to the API service.
   apiUrl: '/api/v1',
+  apiBaseUrl: '',
   openPanelApiUrl: '',
   openPanelClientId: '',
 };

src/shop/src/environments/environment.ts

@@ -1,6 +1,7 @@
 export const environment = {
   production: false,
   apiUrl: 'http://localhost:5000/api/v1',
+  apiBaseUrl: 'http://localhost:5000',
   // Set after deploying OpenPanel (self-host) and creating a client:
   // openPanelApiUrl: 'http://localhost:3000/api',
   openPanelApiUrl: '',