Angular + Nginx在Docker中的共享卷问题
创始人
2024-10-14 12:31:19
0

在Docker中使用Angular和Nginx时,可以通过共享卷来解决文件传递的问题。下面是一个解决方法的示例代码:

创建一个名为docker-compose.yaml的文件,并将以下内容复制到文件中:

version: '3'
services:
  angular:
    build:
      context: .
      dockerfile: Dockerfile
    volumes:
      - ./src:/usr/share/nginx/html
  nginx:
    image: nginx:latest
    ports:
      - 8080:80
    volumes:
      - ./nginx.conf:/etc/nginx/conf.d/default.conf

创建一个名为Dockerfile的文件,并将以下内容复制到文件中:

FROM node:latest AS builder

WORKDIR /app

COPY package.json package-lock.json ./

RUN npm install

COPY . .

RUN npm run build

FROM nginx:alpine

COPY --from=builder /app/dist/angular-app /usr/share/nginx/html

EXPOSE 80

CMD ["nginx", "-g", "daemon off;"]

创建一个名为nginx.conf的文件,并将以下内容复制到文件中:

server {
    listen 80;
    server_name localhost;

    location / {
        root /usr/share/nginx/html;
        index index.html index.htm;
        try_files $uri $uri/ /index.html;
    }
}

在项目根目录中运行以下命令来构建和启动容器:

docker-compose up --build

这将构建Angular项目并运行Nginx服务器。Angular项目中的文件将通过共享卷传递到Nginx容器中,并且Nginx配置文件将被替换为nginx.conf文件。

现在,您可以通过访问http://localhost:8080来查看运行中的Angular应用程序。

相关内容

热门资讯

第六分钟插件!微乐小游戏万能修... 第六分钟插件!微乐小游戏万能修改器,jj斗地主外卦(切实是真的辅助软件)-哔哩哔哩1、下载好微乐小游...
6分钟指引!hhpoker有没... 6分钟指引!hhpoker有没有辅助(透视)其实真的是有辅助辅助(哔哩哔哩)在进入hhpoker有没...
第3分钟脚本!天天爱消除辅助脚... 您好,天天爱消除辅助脚本这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很多...
9分钟教材!wpk控制牌是真的... 9分钟教材!wpk控制牌是真的吗(透视)总是真的是有辅助开挂(哔哩哔哩)1、玩家可以在wpk控制牌是...
第三分钟脚本!微信小程序小南四... 第三分钟脚本!微信小程序小南四川长牌辅助,麻雀智能辅助软件(好像有挂辅助软件)-哔哩哔哩1、点击下载...
九分钟讲义!约局吧能不能开挂(... 九分钟讲义!约局吧能不能开挂(透视)果然真的有辅助下载(哔哩哔哩)1、约局吧能不能开挂透视辅助软件激...
第十分钟辅助!禅游指尖四川修改... 第十分钟辅助!禅游指尖四川修改器,好友赣南能装挂吗(都是真的有辅助插件)-哔哩哔哩禅游指尖四川修改器...
第1分钟总结!xpoker辅助... 第1分钟总结!xpoker辅助工具(透视)一直是有辅助神器(哔哩哔哩)1、完成xpoker辅助工具辅...
七分钟辅助!广西八一透明最新款... 七分钟辅助!广西八一透明最新款,道游互娱辅助(总是真的有辅助app)-哔哩哔哩1)广西八一透明最新款...
第一分钟总结!wepoker私... 第一分钟总结!wepoker私人局可以透视(透视)其实是有辅助开挂(哔哩哔哩)1、wepoker私人...