Vue Cli3+SpringBoot踩坑历程（1）

因为自己不想荒废时间，想利用假期学习新的知识，重新拾起Vue ，尝试使用springboot做后台。完全没有实战经历，有幸看到了一位博主的教学博客，自己进行了尝试。在今日完成了登陆页面。
引入伟大的博主的博客Springboot+vue.js2.0版本的实战 超级详细！！！强行安利

Vue静态页面

我使用了vuetify插件[官方链接]来做。
首先Vue 我采用了axios的post请求来进行post后端spring
因为我用的是vue3.0以上的版本

引入axios 我采用的是 安装淘宝镜像 用淘宝镜像安装axios 然后再main.js中导入使用

main.js 的配制
vue.config.js的配制，添加这个就够了。想了解更多去搜索跨域代理。我理解不是很到位。
上方安利过的博主的博客 超详细 我就不复制那么多相同的代码 。有需要的朋友可以看看，主要是想给自己做个笔记。自此 前端的基本解决。

SpringBoot后端

自己自学过一段时间的SpringBoot 感觉自己学了但是不会用 参考了上方安利的博主的博客后 慢慢结合知识融入学习。接下来后端我做了两个。主要注入的依赖我注入了 Mybait web jdbc mysql 等.用了一个工具叫做postman,用来测试后端接口的。

一：

先介绍有数据库连接的SpringBoot.
首先在mysql里面创建一个表。我使用了Navicat工具
下面是SpringBoot的目录

在applicaton.yml文件下进行一些配制 ，如果没有该文件改一下后缀名就可以了。


url中xxxx表示你的服务器号 3306是端口 我用的是阿里云服务器 所以我xxxx是我的地址
username是数据库账号
password是数据库密码

接下来是几个文件的代码：

表的名字要用驼峰命名法，坑点所在
基本就在这了 如果想更加详细请前往该博主这浏览

二

无数据库相对简单 直接上文件目录和代码图片：




最后 还是要感谢他提供了那么好的学习资源！
希望我走的坑可以更加少！
超级推荐火狐浏览器来观察前端请求数据是怎么样的，谷歌是英文的看得头疼，火狐中文比较暴力一点。