我正在创建一个web服务,它使用react作为前端,django REST作为后端。两者都在不同的docker容器中运行。我的docker-compose文件如下所示。
services:
db:
image: postgres
volumes:
- ./config/load.sql:/docker-entrypoint-initdb.d/init.sql
environment:
- POSTGRES_DB=postgres
- POSTGRES_USER=postgres
- POSTGRES_PASSWORD=postgres
web:
build: .
image: gudmundurorri4/hoss-web
command: python manage.py runserver 0.0.0.0:8000
volumes:
- .:/code
stdin_open: true
ports:
- "8000:8000"
depends_on:
- db
frontend:
image: gudmundurorri4/hoss-frontend
stdin_open: true
ports:
- "3000:3000"
depends_on:
- "web"web和前端容器都工作得很好。当我在浏览器中打开后端,并且当我从前端容器中执行对http://web:8000的get请求时,我得到了正确的响应。但是,当我使用相同的地址(http://web:8000)从我的react应用程序执行GET请求时,它总是失败并出现错误
net::ERR_NAME_NOT_RESOLVED
发布于 2020-05-05 18:37:12
组合服务名称只是容器本身中的一部分(使用本地DNS魔术设置)。
从您的(或用户的)浏览器的角度来看,不存在http://web:8000这样的东西。
你必须要么
https://backend.myservice.kittens/,并让在浏览器中运行的前端从那里请求内容(注意CORS)。http://web:8000/访问)。如果您使用的是webpack-dev-server,它具有内置的此功能。https://stackoverflow.com/questions/61611053
复制相似问题