基于阿里云 Vue+docker+niginx前端项目部署

1.首先，将项目打包

npm run build

可以看到文件夹中多了一个dist文件

然后在根目录下创建两个文件，一个命名为Dockerfile，一个命名为default.conf。

2.在阿里云上安装nginx

首先需要在你的阿里云中安装好docker，具体过程这边就不详细讲解了，大家可自行百度。安装完之后可以使用docker version查看docker是否安装成功
接下来我们使用docker的方式去安装nginx。
1.查找nginx

docker search nginx

2.下载nginx

docker pull nginx

3.将Vue项目部署到阿里云中

做好了准备工作，接下来我们终于要开始部署了，这里使用的是xftp加xshell两个工具来上传文件，小伙伴们也可以使用rz将本地的Vue文件上传到阿里云中。
我们把压缩包上传到home目录下