教你部署vue项目到docker


Posted in Vue.js onApril 05, 2022

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

教你部署vue项目到docker

大致分为3步:

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

第二是生成镜像

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

第一步

教你部署vue项目到docker

教你部署vue项目到docker

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镜像配置

教你部署vue项目到docker

教你部署vue项目到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/

教你部署vue项目到docker

第二步,生成镜像 

来到当前文件夹,输入命令 docker build -t yaohot .

注意图上打错字了,yoahou,以图片的命令为主

教你部署vue项目到docker

 然后构建镜像完成

教你部署vue项目到docker

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

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

教你部署vue项目到docker

 ok

教你部署vue项目到docker

教你部署vue项目到docker

总结

到此这篇关于部署vue项目到docker的文章就介绍到这了,更多相关部署vue项目到docker内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Vue.js 相关文章推荐
vue+vant实现购物车全选和反选功能
Nov 17 Vue.js
vue 表单输入框不支持focus及blur事件的解决方案
Nov 17 Vue.js
VUE项目实现主题切换的多种方法
Nov 26 Vue.js
详解Vue 的异常处理机制
Nov 30 Vue.js
对vue生命周期的深入理解
Dec 03 Vue.js
如何在 Vue 中使用 JSX
Feb 14 Vue.js
VUE实现吸底按钮
Mar 04 Vue.js
Vue和Flask通信的实现
May 19 Vue.js
Vue过滤器(filter)实现及应用场景详解
Jun 15 Vue.js
Vue实现导入Excel功能步骤详解
Jul 03 Vue.js
vue+echarts实现多条折线图
Mar 21 Vue.js
vue自定义右键菜单之全局实现
Apr 09 Vue.js
vue使用wavesurfer.js解决音频可视化播放问题
Apr 04 #Vue.js
vue中div禁止点击事件的实现
Apr 02 #Vue.js
Vue组件更新数据v-model不生效的解决
Apr 02 #Vue.js
Vue+TypeScript中处理computed方式
Apr 02 #Vue.js
Vue+Flask实现图片传输功能
Apr 01 #Vue.js
在vue中import()语法不能传入变量的问题及解决
Apr 01 #Vue.js
Vue中使用import进行路由懒加载的原理分析
Apr 01 #Vue.js
You might like
PHP中$this和$that指针使用实例
2015/01/06 PHP
php动态函数调用方法
2015/05/21 PHP
Jquery submit()无法提交问题
2013/04/21 Javascript
js实现checkbox全选和反选示例
2014/05/01 Javascript
jquery拖拽排序简单实现方法(效果增强版)
2016/02/16 Javascript
vue+socket.io+express+mongodb 实现简易多房间在线群聊示例
2017/10/21 Javascript
微信小程序之侧边栏滑动实现过程解析(附完整源码)
2019/08/23 Javascript
关于vue3默认把所有onSomething当作v-on事件绑定的思考
2020/05/15 Javascript
微信小程序实现电子签名并导出图片
2020/05/27 Javascript
基于JS+HTML实现弹窗提示是否确认提交功能
2020/06/17 Javascript
Postman无法正常返回结果问题解决
2020/08/28 Javascript
微信小程序对图片进行canvas压缩的方法示例详解
2020/11/12 Javascript
[57:12]完美世界DOTA2联赛循环赛 Inki vs Matador BO2第一场 10.31
2020/11/02 DOTA
Python通过PIL获取图片主要颜色并和颜色库进行对比的方法
2015/03/19 Python
利用Anaconda完美解决Python 2与python 3的共存问题
2017/05/25 Python
深入理解Python中的super()方法
2017/11/20 Python
Python实现基本数据结构中栈的操作示例
2017/12/04 Python
解决pandas无法在pycharm中使用plot()方法显示图像的问题
2018/05/24 Python
python lxml中etree的简单应用
2019/05/10 Python
Django 实现admin后台显示图片缩略图的例子
2019/07/28 Python
PyCharm 2020.2.2 x64 下载并安装的详细教程
2020/10/15 Python
解决python 执行shell命令无法获取返回值的问题
2020/12/05 Python
Capitol Lighting的1800lighting.com:住宅和商业照明
2019/04/10 全球购物
香港彩色隐形眼镜在线商店:Stunninglens(全球免费送货)
2019/05/10 全球购物
初中女生自我鉴定
2013/12/19 职场文书
工程招投标邀请书
2014/01/30 职场文书
园艺师求职信
2014/03/10 职场文书
党员学习党的群众路线思想汇报(5篇)
2014/09/10 职场文书
大学生档案自我鉴定(2篇)
2014/10/14 职场文书
小学生安全保证书
2015/05/09 职场文书
2016父亲节感恩话语
2015/12/09 职场文书
趣味运动会口号
2015/12/24 职场文书
初一语文教学反思
2016/03/03 职场文书
这样写python注释让代码更加的优雅
2021/06/02 Python
Python使用DFA算法过滤内容敏感词
2022/04/22 Python
springboot集成redis存对象乱码的问题及解决
2022/06/16 Java/Android