Docker利用Nginx部署前端项目2

        之前的方法是修改了nginx.conf配置文件,通过之后的深入了解,发现Nginx中还有一个default.conf配置文件也可以帮我们来搭建前端,而且我这里还携带了反向代理,可能不是很好用,建议验证后使用。

        1.老方法,先构建Dockerfile文件

FROM nginx:latest
 
#将配置文件复制到Nginx指定文件夹下
COPY ./app /opt/front/app
COPY ./default.conf /etc/nginx/conf.d

解释:利用nginx镜像环境,将前端项目app复制到指定文件夹,将default.conf复制到conf.d文件夹下。

        2.编写default.conf文件

server {
    listen       80;
    listen  [::]:80;
    server_name  localhost;
	add_header X-Frame-Options ALLOWALL;
    location / {
        root   /opt/front/app;
        index  index.html index.htm;
		add_header X-Frame-Options ALLOWALL;
    }

    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }

    location /auth {
       proxy_hide_header X-Frame-Options;
       add_header X-Frame-Options ALLOWALL;
       proxy_pass   http://192.1

你可能感兴趣的:(nginx,前端,docker)