axios

Axios概述

首先，axios是基于promise用于浏览器和node.js的http客户端,是ajax工具包，支持请求和响应拦截。

特点

支持浏览器和node.js


支持promise


能拦截请求和响应


能转换请求和响应数据


能取消请求


自动转换json数据


浏览器端支持防止CSRF（跨站请求伪造）

一、 安装

npm安装

$ npm install axios

二、 导入挂载

import axios from ‘axios’
vue.prototype.$http = axios

三、 使用

this.$http.get(url)
.then(res=>{console.log(res)})
.catch(err=>{console.log(err)})

例子

首先创建一个js文件

var Mock = require('mockjs')
Mock.mock(/api\/list/,function(options){
 var data = JSON.parse(options.body)
 console.log(data,options)
 return {status:0,msg:`${data.name}的年纪${data.age}`}
})

然后再你的vue文件里面就可以请求数据了
一 。get请求

this.$http({
     url:"http://www.mi.com/api/list",
     method:"get",
     params:{name:"王五",age:22}
    })
    .then(res=>{
     console.log(res)
    })

二。psot请求

this.$http({
     url:"http://www.mi.com/api/echo",
     method:"post",
     data:{name:"张三",age:111},
     headers:{"Content-Type":"application/x-www-form-urlencoded;charset=utf-8"}
    })
    .then(res=>{
     console.log(res)
    })

响应头信息

"Content-Type": application/json
"Content-Type":application/x-www-form-urlencoded;charset=utf-8
"Content-Type": multipart/form-data