将vue.js打包成docker镜像的正确姿势

详见 https://github.com/mumushuiding/vue-document/blob/master/deployment.md

第一步,在vue.js项目的根目录运行:

$ npm run build

第二步,配置 Dockerfile 

FROM nginx:alpine

RUN mkdir /app

COPY ./dist /app

COPY nginx.conf /etc/nginx/nginx.conf

第三步,配置 nginx.conf:

详见:https://github.com/mumushuiding/vue-document/blob/master/nginx.conf

第四步,生成镜像:

$ docker build . -t my-app

$ docker push my-app // 推送到远程镜像服务器

第五步,运行:

docker run -d -p 8080:8080 my-app

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值