通过打包、上传解压、修改 nginx 配置文件等操作进行部署,使用 docker 运行相关命令,包括指定端口映射和卷挂载,最终完成部署,使服务可通过特定端口访问。
构建镜像:docker build -t test-web:0.0.1 . 有传参:docker build -t test-web:0.0.1 --build-arg XXPORT=3000 --build-arg SERVICE_URL=http://xxxxxx:8080 .
在上面的配置中,/api/路径的请求将被转发到后端SpringBoot服务的8080端口,而其他的请求则直接由Nginx服务静态的Vue3前端页面。 五、总结 通过Docker和Nginx的协同工作,我们可以轻松地部署Vue3前端应用和SpringBoot后端服务。这种部署方式不仅简化了部署流程,还提高了应用的可靠性和可维护性。希望本文能为你提供有益的参...
使用Nginx镜像中的默认配置文件nginx.conf并进行修改添加,笔者在做测试的时候,出现了一堆奇奇怪怪的问题,包括访问过程中的404 error,后续笔者直接从nginx官网下载了nginx linux版本, 并拷贝出里边的nginx.conf文件来基于此文件配置,一切问题得以解决(大家如果采用的window部署,那就下载windows版本的nginx.conf,里边的配置...
Docker安装Nginx #获取Nginx docker pull nginx #查端口 netstat -ntlp #建本地目录 mkdir -p /home/nginx/www /home/nginx/logs /home/nginx/conf /home/nginx/conf.d #创建临时
nginx:安装nginx的docker镜像 2.2.1 nginx的docker镜像安装 docker pull nginx 1. 随后查看是否拉取成功 随后运行nginx镜像 docker run -d --restart=always --privileged=true -p 80:80 --name nginx-80 -v /usr/webtools/jenkins/data/workspace/webtools/webtools-web:/usr/share/nginx/html -v /usr/we...
docker network inspect my-net 一、前端部署 核心步骤——在运行容器时,将宿主机配置文件、网页文件挂接到docker容器的响应目录。 1.宿主机创建目录,用于存放build之后的前端文件,以及nginx配置文件。 #创建文件,如果父目录不存在,同样会创建其父目录mkdir -p /home/haben/mtms/nginx/conf ...
测试nginx镜像通过浏览器进行访问(端口要记得做映射)上面我设置的端口是80 7、开始部署自己的项目 7.1、开始将自己的vue前端项目打包到dist目录 pnpm build 7.2、在本地创建一个Dockerfile FROM nginx:latest# 将项目根目录下dist文件夹下的所有文件复制到镜像中 /usr/share/nginx/html/ 目录下COPY dist/ /usr/sh...
部署步骤概述 前端部署: 使用Vue CLI构建Vue3项目。 将构建后的静态文件部署到Web服务器上(如Nginx)。 后端部署: 使用FastAPI框架开发后端API。 可以选择将FastAPI应用直接部署到服务器上,或者使用Docker进行容器化部署。 配置Web服务器: 配置Nginx等Web服务器,将前端静态文件和后端API进行代理和托管。 详细步骤 1. ...
容器化部署:将Vue3项目打包成容器镜像,使用容器编排工具(如Docker、Kubernetes等)进行部署。容器化部署方式具有隔离性、可移植性和可伸缩性等优势,适用于微服务架构或者需要快速部署和扩展的项目。 2. 如何在传统服务器上部署Vue3项目? 在传统服务器上部署Vue3项目,需要先将项目打包成静态文件。首先,在Vue3项目的根...