前段时间使用Vue+Springboot写了个小项目,于是想部署到服务器上以便分享。于是,就开始了长达一天的踩坑之旅。。为了让读者(包括下一次想干这事的自己)少踩坑,把整个过程记录一下。 技术选型 服务器选择:云服务器我选择的是阿里云服务器,主要是之前有个域名在阿里云备案,解析到阿里云服务器方便些。 项目结构: Vue...
在本地开发环境中,使用命令行进入Vue项目的根目录,运行以下命令构建生产环境的Vue项目: npm run build 构建完成后,将生成的dist目录中的文件上传到云服务器的静态网站目录中,一般可将其部署在/var/www/html目录下。然后,配置Nginx服务器作为反向代理,将静态网站目录映射到公共域名或IP地址上。 四、将Springboot项目...
7:将springBoot 项目打包成一个Jar 包 放到 http 目录下 8:将前端Vue 项目 使用:npm run build 指令 打包 ,打包完成后,会有一个dist 文件 然后将里面的所有文件 全部拷贝到 下来 放到 刚刚宝塔面板上的http 文件夹下面 9:然后放好之后,看图片进行下一步 : 把网站目录修改成:你刚刚存放文件的目录 10:现在...
- 在这篇文章,我将从头把一个Springboot Vue3项目打包、部署到腾讯云服务器,操作系统是Ubuntu。- 在这个过程中,需要安装tmux(用于终端复用,也就是相当于多开几个屏),Vim(编辑器),JDK17,Nginx(前端部署在Nginx服务器上),MySQL,Redis(缓存数据库)。- 其中会用到两个软件,putty(用于登录云服务器),FileZilla(用...
二,项目基础介绍 要上线的项目介绍(如果你已经自己写过了一份项目,那就不用看这一部分) 作为教材的是一个springboot+vue的项目,项目很小,只有使用mysql、elementUI。 但就是因为项目足够小,所以会让新手更容易认识理解如何上线项目。 该项目已经上传到我的github、gitee中。不过你就算不会git,什么都不懂也没事,...
将Spring Boot 后端和 Vue 前端整合部署到服务器的一种方法是将其打包成一个单独的可执行文件,并在服务器上运行该文件。 下面是一种可能的部署流程: 在本地开发环境中,分别构建并打包 Spring Boot 后端和 Vue 前端。可以使用 Maven 或 Gradle 来构建 Spring Boot 项目,使用 npm 或 yarn 来构建 Vue 项目。
1.进入到项目路径下,npm run build命令打包,打包后生成dist文件夹 2.dist文件传到服务器上,dist/static/路径下 vi config.js修改地址为服务器ip(先打包,可在服务器上修改) 三、后端打包 1. 打包springboot项目,依次clean、compile、package,打包完成后会生成target/demo-0.0.1-SNAPSHOT.jar文件 ...
前端vue+后端spring boot,第一次采用这种分离形式进行开发,最近项目要上线了,需要部署到服务器上,因为自己还是刚刚接触学习这种分离开发的模式,部署的时候遇到了很多问题,最近几天搞这个上线的事情被虐得心态差点崩溃,刚从一个坑里出来立马又被拖进另一个坑,深刻体会到——学海无涯苦作舟,特此记录小结一下,也算是...
打包vue项目 更改后端接口ip地址端口号前缀这些 文件vueConfig.js 查看生产环境打包命令build:pord 有需要可以自己更改 rpm run build:pord #打包文件为dist 服务器安装nginx 将dist目录放到html目录下 html目录为nginx静态资源目录 修改nginx.config文件 .env.production文件中会写vue项目前缀,根据本项目来 ...