SpringBoot05--axios网络请求

 浏览器主动发送请求，服务器接收请求之后返回数据，通过vue进行数据绑定

 请求成功，返回的数据会包装到response里面去（返回成response的data属性）

 好的这边不太懂

 在xxx.vue组件被创建和挂载（渲染）的时候，会有以下两个生命周期函数被调用：

 网络请求一般在页面被渲染之前也就是被创建的时候用

前后端开始合并了，由于两个都是8080所以把后端的端口改了

response就是回调函数返回的后端的这个函数的json数据

 好吧还是失败了，在8080的控制台看到了以下报错

 这是一种跨域问题：

 这俩不同源，端口不通，需要获得浏览器的授权

 上面这种是传统的精细的策略，可以在springerboot里面采用注解的方式

在控制器里面加入@crossOrigin就可以允许下面的所有方法跨域执行

ok，怎么把服务器传回来的data渲染到表格里面去？

1. 先把刚刚axios那一套（本来在app.vue里面的）复制到El.vue（有表格的那个vue）里面去

2. 把原本自己赋值

 报错是因为，this这东西的作用域的问题，可以用箭头函数搞，箭头函数里面的this继承了

父类的作用域

 

 一些重用的部分可以整合一下，写在main里面：

 

 $后面的可以自定义名字，现在我给个名字叫http，这意思是把axios属性绑定在vue.$http上

改完之后: