vue-axios

//安装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);
    }
);

 

上一篇:docker


下一篇:我的SQL里哪个语句占用的CPU最多?