fix: #86ew03681 Update ImageField component to log upload link and adjust Nginx configuration for trailing slashes

- Added a console log in the ImageField component to display the upload link during file uploads.
- Updated the proxy_pass directive in default.conf and default.local.conf to include a trailing slash for consistent API request handling.
- Introduced a new location block in default.conf to redirect requests from /admin to /admin/ for improved routing.

Author: navidshad

admin_panel/components/inputs/ImageField.vue

@@ -71,6 +71,8 @@ export default {
       let file = await this.extractImage();
       this.uploadPending = true;
 
+      console.log("Uploading file to:", fileProvider.getUploadLink());
+
       // If there's an existing image, remove it first without triggering updates
       if (this.fileDoc != null && this.fileDoc._id) {
         try {

nginx/default.conf

@@ -59,7 +59,7 @@ server {
 
 	# Proxy API requests to server service
 	location /api/ {
-		proxy_pass http://server:8081;
+		proxy_pass http://server:8081/;
 		proxy_http_version 1.1;
 		proxy_set_header Host $host;
 		proxy_set_header X-Real-IP $remote_addr;
@@ -81,6 +81,11 @@ server {
 		proxy_request_buffering on;
 	}
 
+	# Handle admin root without trailing slash
+	location = /admin {
+		return 301 /admin/;
+	}
+
 	# Serve admin panel static files
 	location /admin/ {
 		alias /usr/share/nginx/html/admin/;

nginx/default.local.conf

@@ -30,7 +30,7 @@ server {
 
 	# Proxy API requests to server service
 	location /api/ {
-		proxy_pass http://server:8081;
+		proxy_pass http://server:8081/;
 		proxy_http_version 1.1;
 		proxy_set_header Host $host;
 		proxy_set_header X-Real-IP $remote_addr;