Axios的使用

留言

9.组件化开发.pptx


Axios简介与使用


其实最终用到的还是ajax中的XMLHttpRequests内部类

npm install axios

文档地址


与Vue整合


Vue的生命周期函数：

  • 在created后面写，该组件被创建时会调用

  • 在mounted后面写，在被挂载时调用(即渲染到界面上)

生命周期

一般网络请求在被挂载之前发起，所以放在created里面

http://localhost:8088/user/findAll

axios.get then是异步的，所以下面的mounted里面的console.log先打了出来

CORS policy

这里因为端口不一样(前端8080，后端8088)，所以认定为不同源

CORS需要后端来实现

如果所有配置都用默认的，可以在对应的控制器里加一个@CrossOrigin注解即可~

这样写会报错：this未定义。可以通过箭头函数解决