在使用docker部署前端應用時,有時候需要修改前端應用的地址,以保證應用可以正確訪問后端服務。
首先,在Dockerfile中添加如下命令:
ENV REACT_APP_API_URL=http://localhost:8080/api
其中,REACT_APP_API_URL
是一個環(huán)境變量,值為后端服務的地址。在前端應用代碼中,可以使用process.env.REACT_APP_API_URL
來獲取該值。
然后,在docker-compose.yml文件中添加如下配置:
version: '3' services: frontend: build: context: ./frontend dockerfile: Dockerfile ports: - "3000:3000" environment: - CHOKIDAR_USEPOLLING=true - REACT_APP_API_URL=http://backend:8080/api depends_on: - backend networks: - my-network backend: build: context: ./backend dockerfile: Dockerfile ports: - "8080:8080" networks: - my-network networks: my-network:
其中,frontend
服務的environment
中添加了REACT_APP_API_URL
,并將值設為http://backend:8080/api
。這里的backend
是后端服務的名稱,Docker會自動將其解析為后端服務的地址。
最后,使用docker-compose up
啟動應用即可。