nginx部署vue项目

前端多个vue项目 部署到docker nginx上面 如何部署？

【相关推荐】



  • 这篇博客也许可以解决你的问题👉 ：vue项目通过sh脚本实现docker nginx自动化部署方式
  • 除此之外, 这篇博客: 前端vue项目发布到docker的nginx容器中的 上线部署 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:

    首先需要安装好docker，执行docker info可以查看docker的安装情况；然后再拉取nginx镜像，这里就不多赘述了。我这边已经装好了，执行docker images可以看到安装好的镜像
    在这里插入图片描述
    看到有自己拉取的镜像以后，就该通过此镜像运行一个后台容器了

    sudo docker run --name my-nginx -d -p 8085:80 -v /deepin/userdata/weirui/data1/project/hyrenv5/hrsapp/dist/vue/frontend/html:/usr/share/nginx/html sw-hyren-nginx:1.16.0

    –name my-nginx：–name是给容器起名字。my-nginx是容器名
    -p：随机端口映射，容器内部端口随机映射到主机的端口
    8085：映射的主机端口号
    80：容器端口号
    -v：简单的来说就是将主机上指定路径下的文件和容器里指定路径下的文件关联起来，以后只要修改了主机上的文件，他会自动同步修改容器里的相关文件
    /deepin/userdata/weirui/data1/project/hyrenv5/hrsapp/dist/vue/frontend/html：主机上存放前端打包文件的路径
    /usr/share/nginx/html：容器里存放前端打包文件的路径
    sw-hyren-nginx:1.16.0：镜像的名字（镜像名+tag版本号）

    执行完成之后，执行 docker ps可以看到启动的容器
    在这里插入图片描述
    页面上访问相应端口也可以看到我们刚刚发布的项目
    在这里插入图片描述


如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^