//安装axios npm install vue-axios --save //最好安装qs来配合axios使用,qs可将对象序列化成jsonstr,或将jsonstr反序列化成对象 npm install qs.js --save
在入口文件main.js中
//引入axios 和 qs import axios from 'axios'; import Qs from 'qs'; //配置axios允许跨域请求(服务器端也需要另外的配置) axios.defaults.withCredentials=true; axios.defaults.crossDomain=true; axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'; //给Vue函数添加一个原型属性axios 指向Axios,vue实例或组件中不用再去重复引用Axios,qs同理,vue实例中直接通过this.axios可进行调用 Vue.prototype.axios = axios; Vue.prototype.qs = Qs;
调用
var postUrl = 'xxxxx'; var instance = this.axios.create( { headers: {'content-type': 'application/x-www-form-urlencoded'} }); instance.post(postUrl, this.qs.stringify( { username: 'xx', password: 'xx' } )).then(function (response) { alert("rsp_"+JSON.stringify(response.data)); }).catch(function (error) { alert("err_"+error); } );