vue前端项目部署流程

用到的工具

FileZilla：用于连接服务器

1. 打开filezilla，文件-站点管理器，输入站点相关信息，端口一般是22，如下
2. 找到需要的目录
3. 将vue项目打包成dist，压缩后，拖拽到var/www/html目录下（拖拽前，最好把原始版本的dist在本地备份一下，万一新版本有bug，可以使用备份版本回滚到上一版）

SecureCRT：用于运行命令

1. 打开SecureCRT，输入站点信息
   
2. 执行以下命令
   
3. 执行以上命令后，即可通过来访问http://xxx.xx.xx.xxx/vuepros/index.html

总结

1. 备份
2. 上传dist.zip
   2.5. 将dist.zip 复制到项目文件夹下
3. 进入文件夹删除原始文件夹
4. 解压缩
5. 重命名
6. 打开浏览器 清缓存测试效果