一、首先拿到spring boot + vue项目,可以从git 上获取到 1、spring boot 项目导入idea中启动,运行mian函数启动项目(tomcat端口改为80) 二、安装node(最新版)https://nodejs.org/en/download/(具体安装过程,查百度) 1、测试node和cpm是否成功 1.打开黑窗口(win键+x)点击:命令提示符管理员(必须以管理员运行)。
为了能让项目正常运行,我们需要在Linux服务器上安装了以下软件和工具: SpringBoot项目: JavaDevelopment Kit(JDK):Spring Boot是一个 Java 框架,需要 JDK来编译和运行。因为 SpringBoot 内嵌 Tomcat,因此我们无需再安装 Tomcat 服务器。 Maven:Maven 是一个用于构建和管理 Java 项目的强大工具。 它提供了一种规范化...
注:需要重新部署只需重新传jar包,执行sh脚本即可 六、打包前端项目 这里用的vscode,也可以打开cmd,进入Vue项目路径 -> npm run build 将Vue打包项目传输到/usr/local/vue下(由于我前台和后台分为两个项目,所以改名dist文件) 没有vue文件夹像上面创建docker文件夹一样创建就好; 上传方式和前面一样: 七、nginx配...
3.再使用nohup java -jar demo-0.0.1-SNAPSHOT.jar --spring.profiles.active=prod &命令启动成功(我的springboot项目创建时选的是jdk17版本,21版本可以启动,jdk应该是向下兼容的) 4.前端dist只需要修改文件上传地址就可以,前端不需要启动,参照https://www.cnblogs.com/xiexieyc/p/18289221安装nginx,配置nginx,...
前端项目为vue项目,使用vue admin template作为后台管理模板进行开发。前端打包 了解开发环境、生产环境,修改生产环境的配置 在开发的时候,往往使用本地电脑进行开发。但是项目上线的时候,需要部署到云服务器中。因此项目中使用两个配置文件来分别存放开发环境和生产环境,方便环境切换。修改生产环境配置文件。修改配置...
一、Vue项目打包 打包命令:npm run build,具体的可查看package.json文件中的命令 打包完成后项目会多出dist文件夹,项目部署要用到 二、Spring Boot项目配置前端资源 在配置文件中配置前端包资源,以.yml文件为例 spring: web: resources: static-locations: file:./dist # 前端资源路径 ...
上篇文章中,我们已经搭建了云服务器,并安装使用了宝塔桌面,这次,用这个云服务器来部署一个springboot+vue的前后端分离的项目。 1.下载必要的软件。 在软件商店下载安装,mysql、nginx、tomcat这是必装的,选装jdk管理器,phpmyadmin(数据库管理工具) 2.部署前端项目。
8 部署前端 8.1 打包 我们使用Vue UI,任务->build,完成前端的打包。打包 打包后的文件,在dist目录...
手把手教你搭建Spring Boot+Vue前后端分离 1 什么是前后端分离 前后端分离是目前互联网开发中比较广泛使用的开发模式,主要是将前端和后端的项目业务进行分离,可以做到更好的解耦合,前后端之间的交互通过xml或json的方式,前端主要做用户界面的渲染,后端主要负责业务逻辑和数据的处理。