欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

docker修改前端地址(docker部署vue的前端項目)

在使用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啟動應用即可。