vue中axios的应用

vue中axios与qs的应用

1、安装axios

npm install axios 

2、在mainjs中引入axios（全局引入）

import axios from 'axios'
Vue.prototype.$axios = axios

局部引入（在使用页面引入）

  import axios from "axios";

3、封装公共方法 新建js文件

function axios(that){
	var url = '你的url';
	var data = {‘你的接口参数’};
	var promise = new Promise((resolve, reject) => {
	    that.$axios({
	      url:  url,
	      method: 'post',
	      headers: {
	        "content-type": "application/x-www-form-urlencoded"
	      },
	      params: data
	    }).then(res => {
	      resolve(res.data)
	    }).catch(err => {
	      console.log(err)
	    })
 	 })
 	 return promise
}

4、在js文件中输出函数

export{
	axios
}