如何为VueJs应用编写Docker配置？容器启动后立即停止如何排查

你遇到的容器启动后立刻停止的问题主要由配置错误导致，具体问题和修复方法如下：

1. 核心错误：Dockerfile CMD指令无效 #

你当前配置的CMD ["node"]仅会启动Node.js交互式终端，容器后台运行时没有可执行的入口文件也没有绑定终端，Node进程执行完成后就会直接退出，这是容器停止的直接原因。
如果是开发环境运行Vue2项目，将CMD替换为你package.json中配置的开发服务启动命令即可，比如：

CMD ["npm", "run", "serve"]

如果是生产环境部署，当前的Dockerfile完全不符合要求，需要补充构建阶段将项目打包为静态资源，再使用Nginx等Web服务托管。

2. 冗余配置修复 #

• 你同时执行了RUN npm install和RUN yarn install，二者功能完全重复，同时执行可能导致依赖版本冲突，保留其中一个即可，建议删除RUN yarn install。
• 你声明了多阶段构建别名as develop-stage但没有后续阶段配置，仅开发环境使用的话可以直接删除该别名，无实际作用。

3. 补充配置注意事项 #

• Vue2默认开发服务仅监听本地127.0.0.1，容器外部无法访问，需要在项目的vue.config.js中新增配置：

module.exports = {
  devServer: {
    host: '0.0.0.0',
    port: 8080
  }
}

• docker-compose.yml中的volumes配置是标准的开发环境热重载配置，匿名卷/app/node_modules可以避免本地目录挂载覆盖容器内的依赖包，该配置没有问题。
  修复完成后执行以下命令重新构建启动即可：

docker-compose down
docker-compose up -d --build

如果后续仍有问题，可执行docker logs ew_cp查看容器运行日志定位具体错误。

内容的提问来源于stack exchange，提问作者Fury