diff --git a/debug-images.sh b/debug-images.sh new file mode 100755 index 0000000..1b8670e --- /dev/null +++ b/debug-images.sh @@ -0,0 +1,78 @@ +#!/bin/bash + +echo "๐Ÿ” Debugging Bild-URLs im Development-Setup" +echo "===========================================" + +# Check if containers are running +echo "๐Ÿ“Š Container Status:" +docker compose -f docker-compose.development.yml ps + +echo "" +echo "๐Ÿ”— Testing API Endpoints:" + +# Get server IP from .env.development +if [ -f .env.development ]; then + export $(cat .env.development | grep -v '^#' | xargs) + echo "Server IP: $HOST_IP" +else + echo "โŒ .env.development not found" + exit 1 +fi + +# Test backend health +echo "" +echo "๐Ÿฉบ Backend Health Check:" +curl -s "http://$HOST_IP:3001/api/health" | head -100 + +# Test if any recipes exist +echo "" +echo "๐Ÿ“‹ Testing Recipe API:" +curl -s "http://$HOST_IP:3001/api/recipes?limit=1" | head -200 + +# Test image serving +echo "" +echo "๐Ÿ–ผ๏ธ Testing Image Serving:" +echo "Checking upload directory structure..." + +# Check if upload directory exists +if [ -d "./upload" ]; then + echo "โœ… Upload directory found:" + ls -la ./upload/ | head -10 + + # Find a test image + TEST_IMAGE=$(find ./upload -name "*.jpg" | head -1) + if [ -n "$TEST_IMAGE" ]; then + # Remove ./upload/ prefix for API path + RELATIVE_PATH=${TEST_IMAGE#./upload/} + echo "" + echo "๐Ÿงช Testing image URL: $RELATIVE_PATH" + echo "Full URL: http://$HOST_IP:3001/api/images/serve/$RELATIVE_PATH" + + # Test the image URL + HTTP_STATUS=$(curl -s -o /dev/null -w "%{http_code}" "http://$HOST_IP:3001/api/images/serve/$RELATIVE_PATH") + echo "HTTP Status: $HTTP_STATUS" + + if [ "$HTTP_STATUS" = "200" ]; then + echo "โœ… Image serving works!" + else + echo "โŒ Image serving failed" + echo "Testing with curl -v for more details:" + curl -v "http://$HOST_IP:3001/api/images/serve/$RELATIVE_PATH" 2>&1 | head -20 + fi + else + echo "โŒ No JPG images found in upload directory" + fi +else + echo "โŒ Upload directory not found" +fi + +echo "" +echo "๐Ÿ”ง Container Upload Directory Check:" +docker compose -f docker-compose.development.yml exec backend ls -la /app/uploads/ 2>/dev/null || echo "Could not access backend container" + +echo "" +echo "๐Ÿ“‹ Useful Debug Commands:" +echo " Backend logs: docker compose -f docker-compose.development.yml logs backend" +echo " Frontend logs: docker compose -f docker-compose.development.yml logs frontend" +echo " Backend shell: docker compose -f docker-compose.development.yml exec backend sh" +echo " Test specific image: curl -v http://$HOST_IP:3001/api/images/serve/R001/R001_0.jpg" \ No newline at end of file diff --git a/nodejs-version/frontend/src/services/api.ts b/nodejs-version/frontend/src/services/api.ts index cea6fb4..2a9553e 100644 --- a/nodejs-version/frontend/src/services/api.ts +++ b/nodejs-version/frontend/src/services/api.ts @@ -148,6 +148,7 @@ export const imageApi = { }, getImageUrl: (imagePath: string): string => { + // Use the same dynamic API base URL logic for images return `${API_BASE_URL}/images/serve/${imagePath}`; }, diff --git a/rebuild-frontend.sh b/rebuild-frontend.sh new file mode 100755 index 0000000..424bc58 --- /dev/null +++ b/rebuild-frontend.sh @@ -0,0 +1,31 @@ +#!/bin/bash +set -e + +echo "๐Ÿ”„ Rebuilding Frontend with fixed image URLs" +echo "=============================================" + +# Load environment variables +if [ -f .env.development ]; then + export $(cat .env.development | grep -v '^#' | xargs) +else + echo "โŒ Error: .env.development file not found!" + exit 1 +fi + +echo "๐Ÿ—๏ธ Rebuilding frontend..." +docker compose -f docker-compose.development.yml build frontend + +echo "๐Ÿ”„ Restarting frontend..." +docker compose -f docker-compose.development.yml restart frontend + +echo "โณ Waiting for frontend to be ready..." +sleep 10 + +echo "โœ… Frontend rebuild completed!" +echo "" +echo "๐ŸŒ Test URLs:" +echo " Frontend: http://$HOST_IP:3000" +echo " Backend API: http://$HOST_IP:3001/api" +echo "" +echo "๐Ÿ” Debug images:" +echo " ./debug-images.sh" \ No newline at end of file diff --git a/setup-development.sh b/setup-development.sh index 3d9f379..b53ef04 100755 --- a/setup-development.sh +++ b/setup-development.sh @@ -126,6 +126,8 @@ services: - "0.0.0.0:3001:3001" volumes: - uploads_dev_data:/app/uploads + # Mount existing uploads from host for development + - ./upload:/app/uploads:ro # Development: Mount source code for hot reload - ./nodejs-version/backend/src:/app/src:ro - ./nodejs-version/backend/prisma:/app/prisma:ro diff --git a/uploads/.DS_Store b/uploads/.DS_Store index d7f9ad5..b8dd6da 100644 Binary files a/uploads/.DS_Store and b/uploads/.DS_Store differ