Kubernets 安装部署vue与后端应用配置

配置Nginx服务器及Docker容器化

最新推荐文章于 2024-12-06 20:12:55 发布

原创最新推荐文章于 2024-12-06 20:12:55 发布 · 298 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #服务器 #前端

该文档展示了如何配置Nginx服务器，包括设置server块监听80端口，定义platform和merchant两个location，以及处理/api/请求的反向代理到http://gw:7081/。同时，提供了Dockerfile用于构建镜像，将平台和商户目录挂载到Nginx容器，并暴露80端口。最后提到了使用docker-build和docker-push命令推送镜像到仓库。

server {
    listen       80;
    server_name  -;

    #access_log  /var/log/nginx/host.access.log  main;

    location /platform {
        alias   /usr/share/nginx/html/platform;
        index  index.html index.htm;
    }
    
    location /merchant {
        alias   /usr/share/nginx/html/merchant;
        index  index.html index.htm;
    }
    
    location ^~/api/ {
        proxy_pass  http://gw:7081/;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header   X-Forwarded-For  $proxy_add_x_forwarded_for;
        fastcgi_param HTTPS $https if_not_empty;
        proxy_set_header X-Forwarded-Proto https;
        proxy_set_header Connection  "upgrade";
        proxy_set_header Upgrade $http_upgrade;

    }


}

Dockerfile

FROM nginx:alpine
LABEL maintainer="l.hao.2012@qq.com"

ADD platform /usr/share/nginx/html/platform
ADD merchant /usr/share/nginx/html/merchant

COPY nginx.conf /etc/nginx/nginx.conf
COPY default.conf /etc/nginx/conf.d/default.conf

WORKDIR /usr/share/nginx/html
EXPOSE 80

docker build -t tanghao2018/ng:4527ea .

docker push tanghao2018/ng:4527ea

ng-dp.yaml