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
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容