vue-axios

Posted 2022-07-12 issshuai

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