Vue前端项目在Linux中的的安装与部署

• 修改prod.env.js文件的配置
  image

• 使用命令进行打包

  npm run build
  

  image

• 打包后的代码位置
  image

• 将dist目录打包为dist.tar.gz文件
  image

• 将dist.tar.gz上传到linux服务器（nginx相关目录）
  image

• 使用该命令进行解压操作

  tar -zxvf dist.tar.gz
  

• 删除nginx的html文件夹

  rm -rf html
  

• 移动dist文件夹到html文件夹

  mv dist html
  

• 运行mall-admin服务

  docker start mall-admin
  

• 重启nginx

  docker restart nginx
  

• 访问首页并登录：http://192.168.110.128

  image.png

• 发现调用的是Linux服务器地址
  image