docker部署nginx服务器，并允许vue项目(使用dockerFile构建)

最新推荐文章于 2025-04-28 08:47:48 发布

楼嘎鱼

最新推荐文章于 2025-04-28 08:47:48 发布

阅读量964

点赞数

分类专栏： docker部署项目文章标签： docker linux nginx centos

本文链接：https://blog.youkuaiyun.com/qq_43568790/article/details/118898601

版权

docker部署项目专栏收录该内容

6 篇文章

订阅专栏

1.编写dockerFile,并命名为nginx

FROM nginx
MAINTAINER ljy
COPY nginx.conf /etc/nginx/nginx.conf
COPY dist /usr/share/nginx/dist
EXPOSE 8000

一行一行解释一下
①直接领取nginx镜像
②作者名
③把写好的nginx.conf 复制替换掉镜像中的nginx.conf
在这里插入图片描述
其中需要改的在红色框内，首先修改需要使用的端口(根据实际情况来)，然后改访问ip地址(一般是localhost),第三个要改的地方就是vue打包后的dist文件存放位置,这个是启动nginx后找index.html用，最后一个要改的就是前后端交互访问时的IP地址和端口，由于是用docker启动，ip地址可能会变，这里用域名访问，hosts文件如下图，下面那些192.168开头的是自定义的，这个域名和ip的对应关系也是根据docker启动的前后顺序决定的。
在这里插入图片描述
④把vue打包的dist文件复制到刚刚nginx,conf中写的那个目录下。
⑤把8000端口暴露出来
2.dockerFile写好之后，接下来就是构建镜像，使用如下命令

docker build -f nginx -t mynginx .

如果dockerFile的文件名就是dockerFile的话就不用-f了，这里是因为改了文件名，所以要指定一下，-t 是生成的镜像目标名，另外最后的,千万别忘了。
3.构建完成之后就可以启动了,使用如下命令

docker run -p 8000:8000 --name mynginx --network mynet $(cat /etc/hosts|awk -F ' ' '{if(NR>2){print "--add-host "$2":"$1}}') -d mynginx

①-p暴露端口
②–name 给容器起个名
③–network 使用自定义的网络
④$(cat /etc/hosts|awk -F ’ ’ ‘{if(NR>2){print “–add-host “$2”:”$1}}’) 把主机的hosts文件写道镜像的hosts中去，为了能找到域名和ip的映射关系
⑤-d后台运行