前后端分离打包、运行(springboot+vue)

一、本地打包运行

在终端中运行程序
前端:

前提:已安装npm,编译环境为VS Code
1、跳转至Vue项目所在目录

$ cd Vue项目所在的目录

2、打包Vue文件,打包完成后会在当前目录下产生dist目录

$ npm run build

3、安装express-generator生成器

$ npm install express-generator -g

4、创建一个express项目

$ express expressDemo (expressDemo是项目名)

5、进入expressDemo目录,安装项目依赖

$ cd expressDemo

$ npm install

6、把dist目录下的所有文件复制到express项目的public文件夹下

7、启动expressDemo

$ npm start

此时会出现node ./bin/www,此时我们可在express项目的bin文件夹下发现www文件,打开后发现里面的port端口号为3000,故而在浏览器中输入localhost:3000即可访问在Vue-CLI中localhost:8080的页面,此处的端口变更不会影响后端文件的使用。

后端:
前提:已安装可用maven仓库,使用IDEA编译环境
1、打包

在IDEA右边栏中选中maven,点击生命周期/package(可以先clean清除一下,然后package),打包完成后会生成target文件夹

2、提取jar包

打开生成的target文件夹,发现会出现一个以.jar为后缀的文件

3、然后在终端运行(将路径定位至jar包所在的路径)

java -jar jar包文件名

二、云端部署

终端中连接可用ssh root@ip地址

前端

1、安装nginx

yum intall nginx

2、运行nginx

systemctl restart nginx.service

4、将前端的dist文件夹上传

5、将dist文件夹导入/usr/share/nginx/htm,或使用vim修改nginx.conf,将路径修改为dist文件夹下

6、重启nginx

systemctl restart nginx.service

后端

1、将jar包上传至云端

2、执行jar包

java -jar ruoyi.jar ------直接运行,日志会打印在终端上,其余方式运行都会产生一个

& ------加上这个表示页面不关闭时在后台运行

nohup java -jar ruoyi.jar & -----表示页面关闭时在后台运行

服务器
服务器操作:

1、登录 mysql -u root -p

2、基本指令

show databases 查看数据库

use testdb; 进入testdb数据库

show tables; 查看数据库中的表

creat database testdb 创建数据表

select * from 表名 查看数据表中的数据

本地数据表上传至服务器端数据库

1、数据表表上传至服务器

2、打开服务器端的数据库

3、输入命令

source /root/probe.sql (/root/probe.sql即sql文件在服务器上的位置)

重点:打开3306端口

1、首先检查是否已经安装,如果已经安装先删除以前版本,以免安装不成功
[root@localhost ~]# php -v

[root@localhost ~]# rpm -qa | grep mysql

[root@localhost ~]# yum list installed | grep mysql

如果显示以下内容说明没有安装服务
没有显示
-bash: gerp: command not found

2、下载MySql安装包
[root@localhost ~]# rpm -ivh http://dev.mysql.com/get/mysql57-community-release-el7-8.noarch.rpm

[root@localhost ~]# rpm -ivh http://dev.mysql.com/get/mysql-community-release-el7-5.noarch.rpm

5.安装MySql
[root@localhost ~]# yum install -y mysql-server

[root@localhost ~]# yum install mysql-community-server
如果显示以下内容说明安装成功
Complete!

3、设置开启服务
[root@localhost ~]# systemctl start mysqld.service

4.查看MySql默认密码
[root@localhost ~]# grep ‘temporary password’ /var/log/mysqld.log

5.登陆MySql,输入用户名和密码
[root@localhost ~]# mysql -uroot -p

6.修改当前用户密码
mysql>SET PASSWORD = PASSWORD(‘@hp123!_’);

注意:

若修改时出现错误,可能是版本过高,例如:将 validate_password_policy修改 validate_password.policy,余者类似

mysql为了安全,有自己的策略要求,如果我们想将其设置为我们常用的root或者123456这样的密码,需要修改策略要求,具体命令如下:

1.设置密码的验证强度等级,设置 validate_password_policy 的全局参数为 LOW 即可,
输入设值语句 “ set global validate_password_policy=LOW; ” 进行设值

2.当前密码长度为 8 ,如果不介意的话就不用修改了,按照通用的来讲,设置为 6 位的密码,设置 validate_password_length 的全局参数为 6 即可,
输入设值语句 “ set global validate_password_length=6; ” 进行设值

3.现在可以为 mysql 设置简单密码了,只要满足六位的长度即可,
输入修改语句 “ ALTER USER ‘root’@‘localhost’ IDENTIFIED BY ‘123456’; ” 可以看到修改成功,表示密码策略修改成功了!!!

可参考:

解决MySQL8.0报错:Unknown system variable ‘validate_password_policy’

服务器 配置mysql

前后端分离打包

Logo

前往低代码交流专区

更多推荐