美文网首页
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