部署vue项目到docker 一篇文章教会你部署vue项目到docker

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

部署vue项目到docker 一篇文章教会你部署vue项目到docker

mad man   2022-04-05 我要评论
想了解一篇文章教会你部署vue项目到docker的相关内容吗,mad man在本文为您仔细讲解部署vue项目到docker的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:怎样用docker部署项目,docker部署vue项目,vue项目打包部署,下面大家一起来学习吧。

让我在5分钟你教不会你把项目部署到docker,前提是你得服务器装有docker,这里方便装宝塔,大佬当我没说。

大致分为3步:

第一是弄一个nginx的配置文件然后构建镜像的时候把它放进去取代原来的配置和写Dockerfile生成镜像的一些配置

第二是生成镜像

第三是生成启动容器,ok开始,顺便抛砖引玉

第一步

server {
listen 80;
server_name localhost; # docker服务宿主机的ip
 
location / {
root /usr/share/nginx/html;
index index.html index.htm;
try_files $uri $uri/ /index.html =404;
}
 
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}

写docker镜像配置

FROM nginx
MAINTAINER yaohuowang
RUN rm /etc/nginx/conf.d/default.conf
ADD 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

 ok

总结

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们