Axios

什么是:

Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中 何时:

主要用于创建请求在浏览器中,创建xhr请求; 在node.js中,创建普通http请求 为什么:

浏览器中创建xhr请求: 4种方案:

(1)使用原生XHR对象——麻烦(2)使用jQuery的封装函数——大材小用(jQuery中岂止ajax,还包含大量DOM/动画等操作,而Vue只使用ajax,别的都不用。)(3)使用官方提供的VueResource插件——官方废弃(4)使用第三方工具Axios——本身与Vue没任何关系Vue.js生态系统(Ecosystem): Vue.js、Axios、Vue-Router、Vuex、MintUI、ElementUI、Weex… 如何:

1.在HTML页面中引入JS文件

在全局添加axios对象,包含发送http请求的api 2.调用axios,发起异步请求

Get请求:

axios.get(“url”,{

params: {

//get方式下, 随url发送的参数

}

}).then(res=>{ … })

服务端跨域CORS

不能用res.send(...) 只能

res.writeHeader(200,{

"Access-Control-Allow-Origin":"*"

});

res.write(JSON.stringify(result));

res.end();

Post请求:

axios.post(“url”, “变量=值&变量=值&…”).then()坑!!!: get和post方法传参时,配置属性名不一样:

Get请求传参,用的是params: { } 对象 Post请求传参,必须用字符串! 解决:

引入qs模块