Docker利用Nginx部署前端项目2

最新推荐文章于 2024-05-13 13:20:52 发布

郭同志

最新推荐文章于 2024-05-13 13:20:52 发布

阅读量800

点赞数 1

文章标签： nginx 前端 docker

本文链接：https://blog.csdn.net/guo0208/article/details/128380099

版权

本文介绍了如何利用Nginx的default.conf配置文件，而非修改nginx.conf，来部署前端项目。通过创建Dockerfile，将前端项目和配置文件打包成Docker镜像，然后在Linux服务器上构建并启动容器。文章提到了反向代理的配置，并强调了这种方法的简洁易懂。读者可以按步骤操作，通过IP和端口访问部署的前端应用。

摘要由CSDN通过智能技术生成

之前的方法是修改了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