KBlog个人博客项目Vue+SpringBoot

KBlog

logo.png

博客自我绍传送门

搭建介绍

KBlog提供了较为简单的搭建方式,项目包含前端、后端(含数据库),用户只需修改前端和后端各自的配置文件后,就可以部署自己的博客项目

搭建KBlog的前置知识

在搭建属于自己的KBlog前,请先确保你已经掌握了以下知识,如果还没有学习过,作者强烈建议先学习前置知识后再搭建,以防出现各种离奇问题。

  • apache或其他web服务的使用和配置
  • web反向代理
  • vue2及生态包的使用
  • npm的使用
  • maven项目的基本操作
  • mysql运行sql文件

搭建KBlog的环境

在下载源码搭建前,请先确保你的环境是否符合要求(版本要求非强制)

  • apache或其他web服务
  • MySQL 5.7
  • vue2.9.6
  • JDK 1.8
  • springboot 2.5.4
  • maven 3.8.2

下载源码

github

gitee

建议的安装部署顺序 数据库 – 后端 – 前端 – web配置 (数据库sql文件在后端项目中)

数据库安装部署

先在DBMS中新建一个数据库kblog(可用其他名)进入数据库,运行后端项目中的sql文件
QQ截图20210921120401.png

确保已经生成了一下表
QQ截图20210921120618.png

后端的安装部署

运行pom.xml生产maven环境
找到后端项目的配置 / src / main / resources / application.properties 进行配置
QQ截图20210921121307.png

maven - clear
maven - install
将生产的jar文件放在网站根目录下,nohup运行起来
此时后端部署已经完成

前端的安装部署

npm install安装项目依赖
找到前端项目的配置文件/ src / store / index.js 进行配置
QQ截图20210921121757.png
反向代理的可修改,具体需要和你web服务的反向代理的映射相同
npm run build 打包项目
将dist文件夹下的文件和目录复制到网站更目录下

web配置

找到web服务的反向代理设置,将网站/api的请求(如果更改了vue中的反向代理目录请更改为你设置的映射)映射到http://localhost:20258去处理(如果更改了springboot启用端口请更改为你的端口)

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值