近况

终于把这个项目写完了，虽然前端并不是自己写的，而且项目也很小，但好歹走过了一个完整的流程
项目已经部署到了个人的服务器上，写完这个项目，开始准备投简历，边投简历边学习面试题，
回顾之前的知识点，争取在8月份之前找到实习工作，这个本人新立的小目标，嘿嘿~~

项目概述

医院预约后台管理系统，点击即可访问本项目
项目前后端分离，前端Vue，后端Springboot+MybatisPlus，用户分管理员，医生，病人三种角色
学习了跨域，token认证，自定义注解，自定义拦截器，七牛云配置图床，提升了mybatisPlus的使用熟练度。
管理员：账号：admin，密码：123456
医生：账号：d-keyi，密码·：123765
病人：账号：p-keliu，密码：123456

项目搭建过程

记录一下搭建过程，方便以后查看

  • 既然是前后端分离项目，那么在linux中就要同时启动前端和后端，首先将前端vue打包成zip格式，
    将后端项目打包成jar包形式，将数据库mysql数据提取成xxx.sql形式，最后将三个文件使用ftp工具
    发送到linux系统上。

  • 首先配置mysql数据库，登录mysql数据库，使用命令source xxx.sql文件位置引入项目数据库
    使用命令后，项目需要的数据库就创建好了

  • 其次启动前端vue项目

    • 因为我们传入的文件是zip格式，所以需要进行解压，可以使用unzip对文件进行解压

      安装unzip
apt install unzip
解压文件
unzip 前端项目路径

    • 第二步，因为vue项目需要node环境，我们需要安装node，npm，webpack

      查看node，npm版本
nodejs -v
npm -version

安装webpack及其server
npm install webpack -g
npm install webpack-dev-server -g

    • 解压vue项目，安装完以上vue需要的环境后，进入vue项目目录中，使用命令重新绑定linux环境

      npm rebuild node-sass
然后在vue项目目录中使用npm run dev启动项目

如果想保持vue项目一直在后台启动，使用如下命令，该命令将产生一个日志文件，记录vue日志
nohup  npm run dev >> ./vue.log &

查看当前项目是否正在启动运行: ps -ef | grep node

杀死指定进程
kill -9 uid(进程id号)

注意：vue前端使用的端口号一定要开放，如果是云服务器，
需要在服务器管理上的安全组中将端口暴露出来，前后端需要的端口都需要暴露出来

查看防护墙和已经添加开放的端口号，linux这里的防火墙的端口号和云服务器安全组的端口号都需要配置
firewall-cmd --list-all
添加http服务
firewall-cmd --add-service=http --permanent
添加80端口号
firewall-cmd --add-port=8080/tcp --permanent
重新加载防火墙
firewall-cmd --reload
删除8080端口号
firewall-cmd --permanent --zone=public --remove-port=8080/tcp

  • 通过以上的配置就完成了vue前端项目的启动，当然了vue项目文件内部的地址，应该改成linux的ip地址
    不然vue项目发出的请求地址不正确，最后需要配置启动后端项目

    后端项目启动需要安装java环境，查看java环境，java -version

启动springboot项目，并在后台一直运行,将生成的日志文件写到当前目录的springboot.log中
nohup java -jar xx.jar >> ./springboot.log &

启动成功后，在linux中，使用如下命令检查后端项目是否成功运行并返回数据,就像postman请求数据一样
curl -v "127.0.0.1:8081/xxx项目路径的任意一个接口"

  • 前后端都配置并启动后，可以配置nginx反向代理到前端vue项目，使得我们直接在浏览器中输入
    云服务器的ip地址，即可访问到项目。

  • 以上就是配置前后端分离项目的全部内容，感谢大家的收看，我们下一期再见。