服务器上详细前后端分离项目搭建（springboot+vue）

介绍：本文用的经典的前后端分离开源项目ruoyi

Gitee链接地址:https://gitee.com/y_project/RuoYi

一、拉取项目： 

利用Git把项目拉取到本地，也可以直接利用idea工具拉取,如图点击Get from VCS

 填入远程仓库地址url,点击clonde

等待一段时间后项目会自动加载入idea工具中

二、准备项目所需环境的修改：

1、部署后端部分：

Ⅰ:后端部分项目配置文件的修改

进入ruoyi-admin中，打开yml配置文件，这里有两个yml文件，需要根据你自己的电脑做出相对应的修改

先点击application-druid.yml这个配置文件，里面配置很多，但是你只需要修改数据库配置就行了。

这里的数据库地址如果改成你相对应的服务器ip地址，用户名，密码根据自己的数据库自行更改。

 然后在点击application.yml这个配置文件，这个文件只需要修改redis配置就行了。

这里填自己服务器对应的IP，端口填自己服务器对应的端口

 这里运行项目的话会报几个错误，一个是log日志地址错误，找不到路径，还有就是数据库连接，redis连接，因为这两个这里还没有配置，放在后面配置

日志地址错误：需要去对应的文件修改本机路径：点击logback.xml文件，修改日志存放路径到本机下，比如我的项目放在桌面上，然后在桌面建的一个log文件来存放log日志。

你可以根据自己的需要做出相应的修改。

 

Ⅱ:进行项目打包，本文用的是jar包方式，也可以用war，道理是一样的！

打包之前一定确认好自己redis、mysql中对应服务器ip地址是否正确，用户名、密码是否正确等。

打包方式很简单，ruoyi项目已经给我们加了maven打包依赖，不用我们手动添加了。

点击右边的maven--->在点击package

 打包完成后、找到ruoyi-admin.jar包上传到服务器，我这里上传是用的Winscp工具。

 

 在服务器根目录创建一个java文件夹,把打包好的jar包存放到这里

Ⅲ:安装服务器中jar包所需要的运行环境

1、安装Jdk8:

这里为了方便我们就用yum安装方式安装了。

1、先查看是否安装了JDK

yum list installed |grep java

 2、卸载CentOS系统Java环境

yum -y remove java-1.8.0-openjdk* *代表卸载所有openjdk相关文件输入

yum -y remove tzdata-java.noarch 卸载tzdata-java

3、查看JDK软件包版本

yum -y list java*

4、查看JDK软件包列表 安装JDK

yum install -y java-1.8.0-openjdk* 自动安装java1.8.0所有程序

控制台返回Complete安装成功！！

2、安装redis：

这里也用yum安装、默认安装的端口是6379，这里就不更改了！

yum install redis

启动redis:

systemctl start redis

3、安装mysql：

也用yum安装、默认端口是3306

查看数据库是否安装：

yum list installed | grep mysql

使用yum安装mysql数据库

yum -y install mysql-server mysql mysql-devel

 命令将：mysql-server、mysql、mysql-devel都安装好，当结果显示为“Complete！即安装完毕。

启动mysql

systemctl start mysqld

安装完成后，使用本地数据库工具，Navicat 等等，连接到服务器数据库，创建ruoyi项目所需要的数据库

导入相对应的表

 4、然后服务器进入你存放jar包目录下，输入命令：

前台启动：java -jar 项目名称.java

后台启动：java -jar 项目名称.java &

启动成功后浏览器访问后台，输入你的服务器ip地址+端口号，这里默认的端口号是8080

例如我的：192.168.44.128:8080

2、部署前端部分：

1、打开ruoyi-ui前端部分

 打开配置文件vue.config.js，修改其中target地址，此地址为你后端项目访问地址：改成后端项目启动浏览器访问地址就行了。

 开始前端代码部分打包，在ruoyi-ui模块右击，点击open in打开终端！

先安装项目依赖输入：npm install

在进行项目打包：npm run build:prod

打包完成后会在项目ruoyi-ui目录下生成一个dist文件！

把生成的dist文件准备好，进入服务器，安装nginx这里也用yum方式安装：

1、安装 nginx

yum install -y nginx

安装完成后nginx、会在相应目录下生成配置文件等等

nginx 配置信息

1、网站文件存放默认位置（Welcome to nginx 页面）

/usr/share/nginx/html

2、网站默认站点配置

/etc/nginx/conf.d/default.conf

3、自定义 nginx 站点配置文件存放目录

/etc/nginx/conf.d/

4、nginx 全局配置文件

/etc/nginx/nginx.conf

5、启动 nginx

service nginx start

6、关闭 nginx

service nginx stop

7、重启 nginx

service nginx reload

在服务器/root目录下新建一个文件夹download,把打包生成的dist文件放到此目录下

修改nginx配置文件：

1、cd /etc/nginx/

2、vim nginx.conf

在文件中加入此行配置，root下的项目路径改为上面存放项目的路径！！！！

location为转发到后端路径！！！保存！！！

 

 配置完成后启动nginx

 cd /root/usr/sbin/  #进入此目录下启动nginx

./nginx       #启动命令

浏览器访问：IP+端口，nginx端口默认的是80

 

 

 

 

 启动成功！！！！！！

本文用于学习，如有错误请纠正！！！！！

 

• 还没有人评论，欢迎说说您的想法！