项目的自动化部署在大公司或独角兽中用得比较多,相比来进行手动部署项目来说会更加高效。那么本文结合之前学习的docker知识点以及nginx来简单实现vuejs项目的自动部署,当然针对其他项目也类似。
运行环境
首先需要在服务器上进行docker、nginx、node等的安装。便于进行后续的操作。
通过docker拉取nginx镜像,命令docker pull nginx
通过vue-cli初始化一个项目
可以通过vue init webpack 项目名称初始化一个项目,这里假设项目名称是docker-vue,然后在该项目的根目录新建一个dockerfile文件,大致内容如下:
1
2
3
4
5
6
7
8
from nginx:latest
#把当前打包工程的html复制到虚拟地址
copy dist/ /usr/share/nginx/html/
#使用自定义nginx.conf配置端口和监听
run rm /etc/nginx/conf.d/default.conf
add default.conf /etc/nginx/conf.d/
run /bin/bash -c echo init ok!!!
并新建一个default.conf文件,内容如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
server {
# 项目中定义的端口号
listen
声明: 猿站网有关资源均来自网络搜集与网友提供,任何涉及商业盈利目的的均不得使用,否则产生的一切后果将由您自己承担! 本平台资源仅供个人学习交流、测试使用 所有内容请在下载后24小时内删除,制止非法恶意传播,不对任何下载或转载者造成的危害负任何法律责任!也请大家支持、购置正版! 。本站一律禁止以任何方式发布或转载任何违法的相关信息访客发现请向站长举报,会员发帖仅代表会员个人观点,并不代表本站赞同其观点和对其真实性负责。本网站的资源部分来源于网络,如有侵权烦请发送邮件至:2697268773@qq.com进行处理。