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

前后端分离打包、运行(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

前后端分离打包

最后

以上就是外向早晨为你收集整理的前后端分离打包、运行(springboot+vue)的全部内容，希望文章能够帮你解决前后端分离打包、运行(springboot+vue)所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。