浏览器主动发送请求,服务器接收请求之后返回数据,通过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上
改完之后: