如何使用docker部署前端项目

4,141 阅读1分钟

第一步先编写Dockerfile文件,docker会根据这个文件一步步自动的部署你的项目



# 在容器安装nginxFROM nginx
# 移除nginx的default.conf RUN rm /etc/nginx/conf.d/default.conf 
# 把配置好的nginx配置文件添加到 /etc/nginx/conf.d/ 目录下  (就是把default.conf文件替换)ADD default.conf /etc/nginx/conf.d/
# 把前端项目文件夹 复制到/usr/share/nginx/html/文件夹下COPY dist/ /usr/share/nginx/html/


把Dockerfile文件和前端项目都放在一个文件夹有利于打包,如图


(其实在项目项目开发中到了这一步你可以直接把项目给运维部署了

接下来可以再本地测试一下 和服务器部署是一样的

在当前文件下运行,回车即可生成一个名字为test_web88的镜像

docker build -t test_web88 . //记住要后面要加一个空格和一点


查看生成的镜像,命令如下

docker images


这个是就们生成的镜像,名为:test_web88

接下来运行镜像,命令如下

docker run -d -p 8686:8686 aa43e674b9f8
// -d 是镜像后台运行
// -p 是映射端口  容器开的端口:服务器的端口 (本来是映射到80端口的,我之前的一些项目被占用了)
// 后面的字符串是镜像的ID (看上的镜像信息)

输入命令回车


可以看看镜像运行成功没有,命令如下

docker ps


镜像就跑起来了,在浏览器访问8686端口,试一下吧(这个ip地址是我的docker分配的)