vue之axios数据请求

一、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);