При попытки зайти на web app вижу это: Часть docker-compose.yml: webapp: build: context: . dockerfile: ./webapp/Dockerfile container_name: catxplore_webapp hostname: catxplore_webapp command: npx serve -s dist -l 3000 working_dir: /app/webapp restart: unless-stopped expose: - "3000" volumes: - ./webapp:/app/webapp env_file: - .env logging: options: max-size: "100m" max-file: "10" Code webapp: build: context: . dockerfile: ./webapp/Dockerfile container_name: catxplore_webapp hostname: catxplore_webapp command: npx serve -s dist -l 3000 working_dir: /app/webapp restart: unless-stopped expose: - "3000" volumes: - ./webapp:/app/webapp env_file: - .env logging: options: max-size: "100m" max-file: "10" webapp/Dockerfile: FROM node:20-alpine WORKDIR /app/webapp COPY webapp/package*.json ./ RUN npm install COPY webapp ./ RUN npm run build ENTRYPOINT ["npx"] CMD ["serve", "-s", "dist", "-l", "3000"] Code FROM node:20-alpine WORKDIR /app/webapp COPY webapp/package*.json ./ RUN npm install COPY webapp ./ RUN npm run build ENTRYPOINT ["npx"] CMD ["serve", "-s", "dist", "-l", "3000"] webapp/vite.config.ts: import { defineConfig } from 'vite' import react from '@vitejs/plugin-react' export default defineConfig({ plugins: [react()], server: { fs: { allow: ['..'], } }, build: { rollupOptions: { input: 'index.html' } } }) Code import { defineConfig } from 'vite' import react from '@vitejs/plugin-react' export default defineConfig({ plugins: [react()], server: { fs: { allow: ['..'], } }, build: { rollupOptions: { input: 'index.html' } } }) webapp/index.html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Test</title> </head> <body> <div id="root"></div> <script type="module" src="/src/main.tsx"></script> </body> </html> Code <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Test</title> </head> <body> <div id="root"></div> <script type="module" src="/src/main.tsx"></script> </body> </html> webapp/src/main.tsx: import React from 'react' import ReactDOM from 'react-dom/client' import App from './App' ReactDOM.createRoot(document.getElementById('root')!).render( <React.StrictMode> <App /> </React.StrictMode> ) Code import React from 'react' import ReactDOM from 'react-dom/client' import App from './App' ReactDOM.createRoot(document.getElementById('root')!).render( <React.StrictMode> <App /> </React.StrictMode> ) webapp/src/App.tsx: function App() { return <h1></h1> } export default App Code function App() { return <h1></h1> } export default App nginx/default.conf: server { listen 443 ssl; server_name dfswewsfwq.click; if ($host != "dfswewsfwq.click") { return 444; } ssl_certificate /etc/nginx/ssl/fullchain.pem; ssl_certificate_key /etc/nginx/ssl/privkey.pem; location / { proxy_pass http://webapp:3000; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-Proto https; } } Code server { listen 443 ssl; server_name dfswewsfwq.click; if ($host != "dfswewsfwq.click") { return 444; } ssl_certificate /etc/nginx/ssl/fullchain.pem; ssl_certificate_key /etc/nginx/ssl/privkey.pem; location / { proxy_pass http://webapp:3000; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-Proto https; } }
В чем может быть проблема, и как ее исправить? The post was merged to previous Apr 19, 2025 Проблема была в правильности путей. Если тоже столкнулись с этим -> docker exec -it ID_ВАШЕГО_ДОКЕРА sh