ngnix部署前端

张开发
• 2026/4/10 9:29:05 • 15 分钟阅读

最新文章

推荐文章

相关文章

分享文章

ngnix部署前端
把三个文件以及前端的 dist 包放在同一个文件夹下并准备好 nginx 的镜像。#Dockerfile文件# 基础镜像使用NginxFROM docker.1ms.run/library/nginx:1.27.0# 添加时区环境变量亚洲上海ENV TimeZoneAsia/Shanghai# 将前端dist文件中的内容复制到nginx目录COPY dist /usr/share/nginx/html/# 用本地的nginx配置文件覆盖镜像的Nginx配置COPY default.conf /etc/nginx/conf.d/default.conf# 暴露端口EXPOSE 7071#docker-compose.yml文件version: 3.9services:#nameasap-frontend-backend:container_name: asap-frontend-backendbuild:context: .dockerfile: Dockerfileimage: asap-frontend:1.0restart: unless-stoppedports:# 外部访问端口- 7071:7071networks:- asap-frontend-net#网络networks:asap-frontend-net:driver: bridgeipam:config:- subnet: 192.168.202.0/24gateway: 192.168.202.1#default.conf文件server {#修改端口listen 7071;server_name _;location / {root /usr/share/nginx/html;index index.html index.htm;try_files $uri $uri/ /index.html;}location /api/ {#转发到后端 gatwayproxy_pass http://10.104.0.111:10186/;proxy_set_header Host $host;proxy_set_header X-Real-IP $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;proxy_set_header X-Forwarded-Proto $scheme;}error_page 500 502 503 504 /50x.html;location /50x.html {root html;}}#强制重新完整构建镜像不使用任何之前缓存的文件docker compose build --no-cache#一键关闭docker compose down#一键启动docker compose up -d

更多文章