[StackOverflow/docker] Jenkins Running in Docker deploy Angular app to Nginx

### ROOT CAUSE The issue involves deploying an Angular application to an Nginx server using Jenkins running in Docker. The root cause is likely misconfiguration in the Jenkins pipeline, Nginx setup, or deployment process. Common issues include: - **Incorrect Jenkins pipeline**: The pipeline may not properly build the Angular app or copy files to Nginx. - **Nginx configuration errors**: Misconfigured Nginx server blocks access to the Angular app. - **Path issues**: Static files (dist folder) aren’t correctly mounted or accessible by Nginx. - **Permissions**: Jenkins lacks permissions to deploy files. --- ### CODE FIX 1. **Jenkins Pipeline**: Ensure the pipeline builds the Angular app and copies files to Nginx. Use a Docker agent with Node.js installed. ```groovy pipeline { agent { docker { image 'node:lts' label 'nodejs' } } stages { stage('Build Angular') { steps { sh 'ng build --prod' } } stage('Copy to Nginx') { steps { sh 'cp -r dist/* /path/to/nginx/html' } } stage('Restart Nginx') { steps { sh 'systemctl restart nginx' } } } } ``` 2. **Docker Compose**: Mount the Angular `dist` folder to Nginx’s HTML directory. ```yaml version: '3' services: nginx: image: nginx:latest volumes: - ./angular/dist:/usr/share/nginx/html ports: - "80:80" jenkins: image: jenkins/jenkins:lts volumes: - jenkins-data:/var/jenkins_home - ./angular:/var/jenkins_home/workspace ``` 3. **Nginx Configuration**: Serve static files from the mounted directory. ```nginx server { listen 80; root /usr/share/nginx/html; index index.html; location / { try_files $uri $uri/ =404; } } ``` 4. **Permissions**: Ensure the Jenkins user has write access to Nginx’s HTML directory: ```bash chmod -R 755 /path/to/nginx/html ``` --- **Final Steps**: 1. Verify the Jenkins pipeline builds the Angular app (`ng build --prod`). 2. Ensure the `dist` folder is copied to Nginx’s HTML directory. 3. Check Nginx logs (`journalctl -u nginx`) for errors. 4. Test the app via `http://`. This solution ensures a smooth deployment by aligning the Jenkins build process with Nginx’s static file serving capabilities.