Axios是一个基于promise的HTTP库,可以用在浏览器和node.js中。
- 在浏览器中
- 原理: promise + ajax + 模块化
- 在node.js中
- 原理: promise + http + 模块化
数据请求问题
-
前后端分离时,后端接口还未做好,我们前端需要模拟假数据。【mock数据】
- 自己写数据 【不推荐】
- 根据自己的项目类型,去拷贝其他项目中的数据【不推荐】
- 通过mock.js来随机生成代码
- 通过第三方网站来模拟数据
注意: 模拟数据时,和后端沟通好字段和接口名。
-
前后端分离时,接口已经做好。
- get
- post
- ....
- .等
只要引入axios CDN ,那么我们会得到一个全局变量叫做axio
调用axios,发起请求
- GET请求
axios.get("url",{
params:{
//get方式下,随url发送的参数
}
}).then(res=>{ ...
}).catch(error => Promise.reject(error))
- Post请求
axios.post("url",{ }).then()
get和post方法传参时,配置属性名不一样:
Get请求传参,用的是params:{ }对象