vue+SpringBoot项目前后端传参

作为一个刚入行的纯正前端，对于后端编程是有恐惧感的，当初为什么会走上前端这条路，我听很多人说过，“因为学不会后端”
现在我承认不是学不会，而是没有认真学啊
因为写到了，自己记录一下，前端传参的方式和后端接参数的写法 。
首先请求方法无非是get或者post两种，那么vue前端使用其中的方法有什么规则呢，如果你使用的是axios中的post方法那，传值得时候应该是data值，data会被添加到请求体（body）中的， 紧接着咱们来到后端如何去接参数，通常data传过来的是对象（可能我这个描述不太专业），会定义一个实体类来接住这个对象。如下图实现登录功能:
1.在js文件里面封装一下axios，怎么引入就不说了

在页面里面调用登录方法，首先你要把封装的axios的js文件引入到vue页面中。（下面是把文件中具体方法引入的写法，你还可以直接引入文件import bieming from "…/netfunction）使用方法的时候再点出来

使用方法：
这里注意了：那个ruleForm（对象类型，里面放了username和password）就是要传的dada内容
所以相应的SpringBoot后端接住参数是需要一个相同结构的对象的：

然后就是在controller文件里面通过接住这个对象（前半部分展示接住参数的方法，后边是做了一个登陆权限）对于SpringBoot里面接住参数的方法提供一篇文展进行参考
SpringBoot Controller接收参数的几种常用方式

2.项目里面需要展示的使用get请求获得时，要用params传参数给后端，params会被添加到url的请求字符串中，就是常见的点击某个按钮路径后面会拼接一堆东西。
参考文章：
vue中data传值和params传值的不同
我要完成的是一个显示内容的页面，会有分页的功能，给后端发送page值
axios封装：

页面中调用这个方法：

这里的blogpage也是个对象类型他的结构如下：

当调用及接口后blogpage被传入赋值给了params
后端怎么获得参数值呢：
在@RequestParam中还可以给他默认值，并且要注意，就是这里的参数名要跟前端params中传过来的一致都是currentpage
总结：使用方法也是摸索着来的 ，今天找了好长时间资料，尝试了好多回才明白使用方法，技术在于积累，更在于实战。