Docker利用Nginx部署前端项目

        今天给大家分享的是Docker利用Nginx部署Vue等前端页面项目；其实是我工作刚好用到，顺便分享给大家O(∩_∩)O，那么话不多说直接开始。

一：准备文件

        我们先将前端项目打包好，放到此文件夹下，例如我这样：

        之后编写Dockerfile文件和nginx.conf.template文件，文件内容如下：

Dockerfile：

FROM nginx:latest
 
#将配置文件复制到Nginx指定文件夹下
COPY ./dist /dist
COPY ./nginx.conf.template /
#构建自定义环境变量
CMD envsubst < /nginx.conf.template > /etc/nginx/nginx.conf \
	&& cat /etc/nginx/nginx.conf \
	&& nginx -g 'daemon off;'

nginx.conf.template：

user nginx;

worker_processes  1;
 
events {
    worker_connections  1024;
}
 
 
http {
    include       mime.types;
    default_type  application/octet-stream;