一、axios是啥?
它是一个基于Promise的HTTP库,也是当前比较火的一个http请求插件(get,post等),使用起来简单快捷,不需要复杂的配置。
二、主要功能(官方介绍)
1 从浏览器中创建 XMLHttpRequests
2 从 node.js 创建 http 请求
3 支持 Promise API
4 拦截请求和响应
5 转换请求数据和响应数据
6 取消请求
7 自动转换 JSON 数据
8 客户端支持防御 XSRF
三、在实际项目中使用axios(主要介绍在vue中的使用,通过get和post两种方式说明)
1 post请求
需求: 测试网站为携程,通过post请求获取一日游的数据
1 网址: 携程一日游链接地址
2 查看官网一日游请求数据格式
请求url红框标注
携带的参数,除了head,其它都要带上
3 对get 和 post请求做一个简单的封装
首先全局安装一下axios:
npm i axios -S
封装请求:
主要为了方便后面的调用以及业务扩展
import axios from 'axios';
// get请求
export const get = (url,params)=>{
return axios.get(url,params)
}
//post请求
export const post = (url,params)=>{
return axios.post(url,params)