使用docker 部署nuxt.js项目

记录下自己实现成功启动nuxt.js的过程。

1,nuxt.js不像vue.js一样需要经过打包成功dist文件夹,nuxt.js是直接把整个项目文件的内容(除了依赖包node_modules,.idea等)全部上传到服务器上。

 

2,准备好两个启动文件

2.1,Dockerfile文件

#1、基于镜像node,版本自己查看上面的链接
FROM node:10.15.3
#2、作者
MAINTAINER lyxwachs.top
#3、参数,node的环境为生产环境
ENV NODE_ENV=production
#4、任意ip
ENV HOST 0.0.0.0
#5、容器内创建目录blog-nuxt
RUN mkdir -p /blogNuxt
#6、复制当前的内容到容器内容部目录blog
COPY . /blogNuxt
#7、切换工作目录到blog
WORKDIR /blogNuxt
#8、暴露端口3000,默认端口
EXPOSE 3000
#9、配置npm的远程仓库
RUN npm install cnpm -g --registry=https://registry.npm.taobao.org
#10、清除缓存
RUN npm cache clean --force
#11、安装依赖
RUN npm install --no-package-lock
#12、构建,生成dist文件
RUN npm run build
#13、start
CMD ["npm","start"]

2.2,docker-compose.yml

version: '3.1'
ser
  • 2
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值