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); //使用