axios 全局注册使用及get，post请求

axios 全局注册使用

安装axios——在工程所在目录安装：

npm install axios --save

全局引入Axios

在main.js文件中引入：

import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.prototype.axios = axios;

使用

发送一个get请求来解析本地json文件

<script>
  import { swiper, swiperSlide } from 'vue-awesome-swiper'
  import {myfun} from '../static/js/test.js'   //se6的正确写法
  export default {
methods:{
  diyfun:function () {
		myfun();
  },
  getJsonData(){
		 this.axios.get("http://localhost:8080/static/mytestJson.json")
		  .then(function (response){
 			 console.log(response);
 		 } )
		  .catch(function (error){
			 console.log(error);
 		 });
  }
}
  }

</script>

axios执行GET请求

//为给定的ID的user创建请求
axios.get('/user?ID=12345')
	 .then(function(response){
		console.log(response);
	})
	.catch(function (error){
		console.log(error);
	});

//可选，上面的请教可以这样做
axios.get('/user',{
	params:{
		ID：12345
	}
})
.then(function(response){
	console.log(response);
})
.catch(function (error){
	console.log(error);
});

axios执行POST请求

axios.post('/user',{
	firstName: 'Fred',
	lastName: 'Flintstone'
})
.then(function(response){
	console.log(response);
})
.catch(function (error){
	console.log(error);
});

执行多个并发请求

function getUserAccount(){
	return axios.get('/user/12345');
}	

function getUserPermissions(){
	return axios.get('/user/12345/permissions');
}

axios.all([getUserAccount(),getUserPermissions()])
	.then(axios.spread(function(acct,perms){
	//两个请求现在都完成执行完成
	}));

引用【https://www.jianshu.com/p/13cf01cdb81f】