搭建一个vue项目,新建vue项目并运行

　　在前端开发中，部署项目是我们经常遇到的事情。下面这篇文章主要介绍将vue项目部署到docker的相关信息。通过示例代码非常详细的介绍，有需要的朋友可以参考一下。

目录

　　第一步，第二步，第三步生成镜像，生成(启动)容器摘要我来教你5分钟把项目部署到docker，前提是你的服务器上安装了docker，方便在这里安装宝塔。大哥，忘了我说的话吧。

　　它大致分为3个步骤：

　　首先是获取一个nginx的配置文件，然后放进去替换原来的配置，编写Dockerfile生成镜像的一些配置。

　　第二是生成镜像。

　　三是生成启动容器，ok启动，顺便抛砖引玉。

第一步

　　服务器{

　　听80；

　　server_name本地主机；Docker服务主机的ip号

　　位置/{

　　root/usr/share/nginx/html；

　　索引index.html index.htm；

　　try _ files $ uri $ uri//index . html=404；

　　}

　　error _ page 500 502 503 504/50x . html；

　　location=/50x.html {

　　根html

　　}

　　}

　　写docker镜像配置

　　来自nginx

　　维护者药火王

　　运行RM/etc/nginx/conf . d/default . conf

　　添加default.conf /etc/nginx/conf.d/

　　COPY dist//usr/share/nginx/html/

第二步，生成镜像

　　转到当前文件夹，输入命令docker build -t yaohot .。

　　注意图片上的错别字，yoahou，主要以图片的指挥为主。

　　然后镜子就造好了。

第三步，生成(启动)一个容器

　　命令：docker run -d -p 86:80 --name houtai yaohot

　　好的

总结

　　这就是这篇关于将vue项目部署到docker的文章。有关将vue项目部署到docker的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。