编写Dockerfile在项目根目录新建Dockerfile文件，添加如下代码：#buildstage#拉取最小node环境容器，并安装cnpm（加快容器构建速度速度，npm比较慢）FROMnode:lts-alpineasbuild-stageRUNnpminstall-gcnpm--registry=https://registry.npm.taobao.org#进入容器的app目录，然后复制所有将当前目录（根目录）中的文件复制到容器当前目录（/app）WORKDIR/appCOPY中。.#删除vue环境配置文件（主要是想利用容器的环境变量实现不同环境的切换，部署到阿里云的容器服务或者华为云的容器服务，通过配置项配置相关的环境变量，如果不以下代码不需要自己删除）RUNrm-f.env.*ENVVUE_APP_TEST_VALUE="MytestValue"#buildRUNinthecontainercnpmrunbuild#productionstage#最后通过nginx部署构建文件（/dist）FROMnginx:stable-alpineasproduction-stageCOPY--from=build-stage/app/dist/usr/share/nginx/htmlEXPOSE80CMD["nginx","-g","daemonoff;"]创建镜像后编写Dockerfile，可以通过docker命令创建docker镜像。以下是参考命令：dockerbuild--no-cache-tvue-docker:1.0。启动容器dockerrun-p80:80--namevue-docker1.0vue-docker:1.0附上demo地址：https://gitee.com/mao-share/vue-docker.git
