1、打包 2、上传到服务器并解压(我已经解压) 3、修改nginx.conf配置文件 4、部署 代码语言:docker 复制 docker run -d \ --name vue-nginx \ -p 8091:80 \ -v /usr/local/nginx/conf/nginx.conf:/etc/nginx/nginx.conf:ro \ -v /usr/local/nginx/dist:/usr/share/nginx/html:ro \ nginx:latest...
在上面的配置中,/api/路径的请求将被转发到后端SpringBoot服务的8080端口,而其他的请求则直接由Nginx服务静态的Vue3前端页面。 五、总结 通过Docker和Nginx的协同工作,我们可以轻松地部署Vue3前端应用和SpringBoot后端服务。这种部署方式不仅简化了部署流程,还提高了应用的可靠性和可维护性。希望本文能为你提供有益的参...
使用Nginx镜像中的默认配置文件nginx.conf并进行修改添加,笔者在做测试的时候,出现了一堆奇奇怪怪的问题,包括访问过程中的404 error,后续笔者直接从nginx官网下载了nginx linux版本, 并拷贝出里边的nginx.conf文件来基于此文件配置,一切问题得以解决(大家如果采用的window部署,那就下载windows版本的nginx.conf,里边的配置...
我无法让我的Nginx配置正常工作。 我有一个Laravel应用程序,但Nginx将/admin uri重定向到了vuejs应用程序。VueJS应用程序index.html文件加载正常,但资产不正常,因此应用程序无法正常工作。Laravel应用程序和VueJS应用程序位于通过docker-compose启动的两个单独的Docker容器上。root /var/www/public/dist; ...
vue3 发布到docker vue项目如何部署到linux,文章目录1.编译打包2.准备部署2.1.跟随SpringBoot项目一同部署2.2.在nginx上部署2.2.1.安装nginx2.2.2.修改配置文件2.2.3.将项目移动到root对应的文件夹2.2.4.启动/重启nginx以开启项目2.2.5.服务器配置安全组(防火墙)2.2.6.访问
docker构建vue3前端项目 前端是基于vue3开发typescript项目,打包之后将生成的dist静态资源放到我们准备好的目录下,然后在这个目录下创建一个Dockerfile文件和nginx.conf配置文件,做如下配置: FROM nginx:1.24.0WORKDIR/usr/share/nginx/html COPY dist/usr/share/nginx/html/COPY nginx.conf/etc/nginx/nginx.conf ...
一、前端部署 1.宿主机创建目录,用于存放build之后的前端文件,以及nginx配置文件。 2.在conf目录下,创建配置nginx.conf文件。 3.拉取镜像 4.创建容器,并设置挂接数据卷 5.访问宿主机ip,则可以访问网页。 6.附录,docker常用命令 二、后端部署 1.在宿主机文件夹下,把代码、配置文件整理到同一目录下。 2.编写启...
1. Docker安装Nginx #获取Nginx docker pull nginx #查端口 netstat -ntlp #建本地目录 mkdir -p /home/nginx/www /home/nginx/logs /home/nginx/conf /home/nginx/conf.d #创建临时nginx,拷贝conf文件 docker run --rm --name nginx-test -p 80:80 -d nginx ...
容器化部署:将Vue3项目打包成容器镜像,使用容器编排工具(如Docker、Kubernetes等)进行部署。容器化部署方式具有隔离性、可移植性和可伸缩性等优势,适用于微服务架构或者需要快速部署和扩展的项目。 2. 如何在传统服务器上部署Vue3项目? 在传统服务器上部署Vue3项目,需要先将项目打包成静态文件。首先,在Vue3项目的根...
测试nginx镜像通过浏览器进行访问(端口要记得做映射)上面我设置的端口是80 7、开始部署自己的项目 7.1、开始将自己的vue前端项目打包到dist目录 pnpm build 7.2、在本地创建一个Dockerfile FROM nginx:latest# 将项目根目录下dist文件夹下的所有文件复制到镜像中 /usr/share/nginx/html/ 目录下COPY dist/ /usr/sh...