vue+springboot+element-ui做一个简单的前后端分离个人博客

博客的效果图如下：

 

 

 

 

 后台管理界面是用element-ui做的，前端vue用vscode写，后端用idea写。代码已传到github，前端代码：https://github.com/sparerib1/blog，后端代码：https://github.com/sparerib1/myblog，感兴趣的朋友点个star吧。目前界面还不太好看，正在进行优化，过段时间更新第二版。在做这个个人博客时踩了许多坑，这里简单记录一下，首先在idea构建springboot项目时，刚建好，pom.xml就飘红，错误提示：Could not transfer artifact org.springframework.boot:spring-boot-starter-parent:pom...，一开始以为是setting的问题，但是在修改了好几次setting并且使用镜像，还是报这个错误，其实这是证书校验问题，打开setting里的Maven的runner，在options那里加上：-Dmaven.wagon.http.ssl.insecure=true -Dmaven.wagon.http.ssl.allowall=true。改正这个问题后spring-boot-maven-plugin还报红，这时我们给spring-boot-maven-plugin加上版本号<version>2.2.6.RELEASE</version>。还有一个问题是连接不上数据库，把url改成：jdbc:mysql://localhost:3306/webuser?useSSL=false&serverTimezone=Hongkong&characterEncoding=utf-8&autoReconnect=true就行

vue里需要注意路由的设置，不能同时有两个“/”路径，并且在写组件时，最好别用header这样html标签的名字。vue里最容易出错的还有axios，很容易就出现错误，这时首先检查url是否正确，数据类型是否正确，检查自己有没有写错单词。这里强烈建议大家使用element-ui，很好用，分页，表格，表单都直接复制代码就行，还比自己写的美观，又方便