vue中axios的使用

新开了一个vue项目，从头到尾都是一个人做的，所以就自己配置了一个axios.js文件

第一种方法、使用axios 需要下载安装   npm install axios,下载完成之后 在main.js中 直接把axios挂载到vue的原型上即可（但是不推荐使用）

import axios from 'axios'    引入axios
Vue.prototype.$http = axios  挂载在原型上

原因： 直接挂载在原型上可能会给vue的原型链产生污染，且太粗暴；不符合vue的生态环境，且$http是自己取名的，不利于维护；

　　　axios只是一个基于promist用于浏览器和node.js的http客户端，他有以下的特征

从浏览器中创建 XMLHttpRequest

　　　从 node.js 发出 http 请求

支持 Promise API

拦截请求和响应

转换请求和响应数据

取消请求

自动转换JSON数据

客户端支持防止 CSRF/XSRF

第二种方法：vue-axios 和 axios 配合使用， 下载 npm install --save axios vue-axios，同样在main.js文件中引入（推荐使用）

import Vue from 'vue';
import axios from 'axios';  //引入axios
import VueAxios from 'vue-axios';  // 引入vue-axios
Vue.use(VueAxios,axios);  //使用