Windows环境下部署前后端分离项目

选用 Nginx 镜像为基础来构建前端应用镜像，所以先拉取Nginx镜像到本地

docker pull nginx

1、前端项目打包得到dist文件

 2、Dockerfile文件内容

FROM nginx
# 将dist文件中的内容复制到 /usr/share/nginx/html/ 这个目录下面
COPY dist/  /usr/share/nginx/html/
COPY nginx/default.conf /etc/nginx/conf.d/default.conf

 3、default.conf文件

server {
    listen       80;
    server_name  127.0.0.1; # 修改为docker服务宿主机的ip
 
    location / {
        root   /usr/share/nginx/html;
        index  index.html index.htm;
        try_files $uri $uri/ /index.html =404;
    }
 
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   html;
    }
}

 4、根目录执行

docker build -t zx_cloud_web:v1.0 .

5、启动容器

docker run -p 3000:80 -d --name zx_cloud_web zx_cloud_web:v1.0

参考链接：

Windows环境下从安装docker到部署前后端分离项目（springboot+vue_酷酷的朱先森i的博客-CSDN博客Windows环境下从安装docker到部署前后端分离项目（springboot+vue） 一、前期准备 1.1所需工具：1 docker desktop 2 springboot后端项项目 3 vue前端项目https://blog.csdn.net/qq_49385719/article/details/129419088