weixin_43823108的博客

https://docs.docker.com/desktop/windows/wsl/

使用构建Docker镜像的方式部署Vue项目准备工作：自己电脑安装了node.js配置了vue-cli 环境远程服务器上安装了docker有远程连接和文件上传的工具（我使用的是Xshell于Xftp）配置了端口暴露（我使用的是阿里云的ECS需要进行安全组配置）build vue 项目#在vue的main.js的目录下执行npm run build命令npm run build执行完npm run build 命令就会生成多出一个dist目录，然后将该文件夹上传到远程服务

说明下文出现的xxxx.xxx.xxx 是本人的远程服务器的IPNginx配置实例 —反向代理准备工作使用docker 运行两个tomcat容器，映射到8080 和 8081端口将tomcat容器内部的webapps.dist 目录下的文件拷贝到webapps目录下配置实例user www-data;worker_processes auto;pid /run/nginx.pid;events { worker_connections 768; #

安装Docker（ubuntu）直接安装apt-get install docker.io更新Ubuntu的apt源索引apt-get update安装包允许apt通过HTTPS使用仓库dpkg --configure -aapt-get install apt-transport-https ca-certificates curl software-properties-common.添加Docker官方GPG keycurl -fsSL https://down