美文网首页
Vue前端项目在Linux中的的安装与部署

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

作者: 极课编程 | 来源:发表于2021-06-23 09:30 被阅读0次
    • 修改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

    相关文章

      网友评论

          本文标题:Vue前端项目在Linux中的的安装与部署

          本文链接:https://www.haomeiwen.com/subject/wpwpyltx.html