简单的SpringBoot+vue3前后端分离项目,打包部署到window环境运行
5、使用管理员身份打开 cmd , 并切换到 \mysql-5.7.19-winx64\bin 目录下, 执行mysqld -install。3、添加环境变量 : 电脑-属性-高级系统设置-环境变量,在Path 环境变量增加mysql的安装目录\bin目录。功能是启动后端项目的jar。4、程序的目录中的target目录下,得到名为XXX-1.0-SNAPSHOT.jar的文件(jar包)发现问题-
一、需要准备的软件
1、对应版本的JDK:java运行环境
2、Redis:缓存工具
3、MySQL:数据库
4、Navicat或SQLyog:数据库可视化工具
5、nginx:前端服务器和反向代理
6、nssm:window添加服务的开源软件
二、打包后端项目
1、按生产环境设置并检查相关配置:
程序运行端口;
数据库连接地址、账号和密码;
redis连接库;
2、配置maven打包的配置项
<!-- 添加maven打包插件-->
<build>
<plugins>
<plugin>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-maven-plugin</artifactId>
</plugin>
</plugins>
</build>
3、在idea终端窗口使用打包命令
mvn clean package -DskipTests=true
(-DskipTests=true代表跳过test,不打包test)
4、程序的目录中的target目录下,得到名为XXX-1.0-SNAPSHOT.jar的文件(jar包)
留着备用,打包完成
三、打包前端项目
1、修改指向后端的接口地址,为了方便nginx配置,这里使用/apis指向后端。
(演示项目是在src/http/httpRequest.js中设置的)
//定义后端接口地址的前缀
// axios.defaults.baseURL = "http://localhost:8083";
axios.defaults.baseURL = "/apis";
2、在终端窗口执行 npm run build
npm run build
或者 点击package.json文件中"build": "vite build",前面的绿箭头,运行buid
3、在项目目录下生成一个dist文件夹,这个文件夹包含了打包后的前端项目代码。
留下备用,前端打包完成。
四、安装mysql
1、解压MySQL压缩包,
2、非必要操作:如果之前有安装MySQL且没有用处,进入cmd,删除之前的库,慎重操作!慎重操作!慎重操作!
sc delete mysql
3、添加环境变量 : 电脑-属性-高级系统设置-环境变量,在Path 环境变量增加mysql的安装目录\bin目录。
4、在\mysql-5.7.19-winx64 目录下下创建 my.ini 文件, 需要我们自己创建,
[client]
port=3306
default-character-set=utf8
[mysqld]
# 设置为自己MYSQL的安装目录
basedir=D:\mysql-5.7.19-winx64\
# 设置为MYSQL的数据目录
datadir=D:\mysql-5.7.19-winx64\data\
port=3306
character_set_server=utf8
#跳过安全检查
skip-grant-tables
5、使用管理员身份打开 cmd , 并切换到 \mysql-5.7.19-winx64\bin 目录下, 执行mysqld -install
mysqld -install
6、初始化数据库: mysqld --initialize-insecure --user=mysql 如果执行成功,会生成 data目录:
mysqld --initialize-insecure --user=mysql
7、启动mysql 服务: net start mysql 【停止mysql服务指令 net stop mysql】
net start mysql
8、进入mysql 管理终端: mysql -u root -p 【当前root 用户密码为 空】
mysql -u root -p
9、修改root 用户密码(yourPassword改成你自己要设置的密码)
use mysql;
update user set authentication_string=password('yourPassword') where user='root' and Host='localhost';
10、修改my.ini ,注释掉skip-grant-tables这一行, 再次进入就会进行权限验证了
#skip-grant-tables
11、重新启动mysql
net stop mysql
net start mysql
12、再次进入Mysql, 输入正确的用户名和密码。
mysql -u root -p
密码正确,进入mysql
五、安装navicat,建立数据库连接和导入数据(略)
六、安装redis
1、解压Redis
2、在该目录下cmd运行 redis-server.exe redis.windows.conf
redis-server.exe redis.windows.conf
3、另开一个cmd,进入对应目录,redis-cli.exe测试是否正常连接
redis-cli.exe
连接正常可以关闭redis。
4、编写后台运行脚本start_redis.vbs,双击运行,redis-cli.exe测试是否正常连接。
Set shell = CreateObject("WScript.Shell")
shell.Run "d:\redis\redis-server.exe d:\redis\redis.windows.conf", 0
Set shell = Nothing
连接正常,redis安装完成。
七、部署前端
1、下载解压缩nginx
2、将dist目录(包含其中中的所有文件和子目录)复制到 Nginx 的html目录下
3、修改nginx配置,conf/nginx.conf
#不带“/apis”的访问指向
location / {
root html/dist;
index index.html index.htm;
try_files $uri /index.html;
}
#存在内网区域和外网区域,访问的地址IP并不一致,让nginx转发
location /apis {
# 处理 /apis 开头的请求,代理到后端服务器并去掉 /apis
rewrite ^/apis(.*)$ $1 break;
#根据自己项目的后端地址和端口修改
proxy_pass http://127.0.0.1:8082;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
}
4、启动nginx,测试一下连接
连接正常,前端部署完成。
八、部署后端
1、安装对应的jdk版本
2、下载NSSM:一个把EXE或jar添加到window服务中的开源工具。
3、编写一个bat脚本(如:nbglxt.bat),给NSSM添加到服务使用。功能是启动后端项目的jar。
D:\jdk-17.0.12\bin\java -jar D:\xxxx-1.0-SNAPSHOT.jar
前面是JDK的路径,后面是项目jar包的路径
4、添加服务
4.1进入NSSM对应版本的目录下,执行cmd,nssm install 弹出配置窗口
nssm install
根据自己实际配置参数,配置完成点击install service
4.2 启动服务 net start YourServiceName,YourServiceName是刚在你自己命名的服务名称
net start YourServiceName
4.3 进入window服务管理界面,可以查看该服务的运行情况。
4.4 如要移除服务,命令:nssm remove [服务名称]
nssm remove YourServiceName
5、访问接口,测试一下。
连接成功,后端部署完成。
九、前后端联调测试
发现问题----再看下步骤----调试----看日志----未解决----查资料----解决问题
更多推荐
所有评论(0)