[英]Angular with Nginx and docker-compose
I'm trying to run with Docker compose an angular app.我正在尝试与 Docker 一起运行,编写一个有角度的应用程序。 This is my Dockerfile of Angular container
这是我的 Angular 容器的 Dockerfile
# Stage 0, for downloading project’s npm dependencies, building and compiling the app.
FROM node:14.13 as node
# set working directory
RUN mkdir /usr/src/app
WORKDIR /usr/src/app
# add .bin to $PATH
ENV PATH /usr/src/app/node_modules/.bin:$PATH
# install package.json (o sea las dependencies)
COPY package.json /usr/src/app/package.json
RUN npm install
RUN npm install -g @angular/cli@10.0.3
# add app
COPY . /usr/src/app
# start app
CMD npm build-prod
# Stage 1, for copying the compiled app from the previous step and making it ready for production with Nginx
FROM nginx:alpine
COPY --from=node /usr/src/app/dist/bloomingfrontend /usr/share/nginx/html/
COPY nginx.conf /etc/nginx/conf.d/default.conf
docker-compose file: docker-compose 文件:
version: '3.3'
services:
web:
build: './blooming_frontend'
ports:
- 80:80
depends_on:
- spring
spring:
build: ./blooming_backend
ports:
- 8080:8080
And nginx.conf和 nginx.conf
server {
server_name localhost;
listen 80;
root /usr/share/nginx/html;
index index.html index.htm;
location / {
try_files $uri $uri/ /index.html;
}
}
As I seem in some tutorials it's fine to work, but when accessing localhost throws The localhost page has rejected the connection.正如我在一些教程中看到的那样,它可以正常工作,但是在访问 localhost 时抛出 localhost 页面已拒绝连接。
I'm new with Nginx and I dont know what I have to do我是 Nginx 的新手,我不知道我必须做什么
in your nginx configuration the localhost
matches the container not the host (nginx will only accepts connections from the container itself).在您的 nginx 配置中,
localhost
匹配容器而不是主机(nginx 只接受来自容器本身的连接)。 Removing the server_name
line should make it works.删除
server_name
行应该可以使其正常工作。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.