Axios网络请求
1、简介
项目开发中,前端页面需要的数据往往要从服务器端获取,这必然涉及到和服务器的通信
Axios基于promise网络请求库,作用于node.js和浏览器中;在浏览器端使用XMLHttpRequests发送网络请求,并能自动完成JSON数据的转换
安装:npm install axios
2、导入
在终端下载
可以选择在特定组件导入,也可以全局导入,在main.js
中
import axios from 'axios'
3、网络请求
可以在官方文档查看使用案例
这里使用我们之前写好的UserController的后端,用浏览器测试下localhost/user/findAll接口😀{后端端口我定义的是80}
可以看到还是正常拿到了数据,我们其实是通过浏览器输入发送的请求,这里采用axios帮我们发送网络请求,例如在App.vue
组件中我们让其在创建时就发送请求并打印
可以F12
看到findAll爆红了,请求不到,这是由于我们没有说明这个端口,准确的来说应该是http://localhost:80/user/findAll
🤓
修改后刷新继续查看,发现还是爆红,打开控制台看报错原因
created:function(){
axios.get("http://localhost:80/user/findAll").then(function(response