vue前端项目部署流程

用到的工具

FileZilla:用于连接服务器

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

SecureCRT:用于运行命令

  1. 打开SecureCRT,输入站点信息
    vue前端项目部署流程_第3张图片vue前端项目部署流程_第4张图片
  2. 执行以下命令
    vue前端项目部署流程_第5张图片
  3. 执行以上命令后,即可通过来访问http://xxx.xx.xx.xxx/vuepros/index.html

总结

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

你可能感兴趣的:(后台知识,Vue)