axios
安装其他插件的时候,可以直接在 main.js 中引入并 Vue.use(),但是 axios 并不能 use,只能每个需要发送请求的组件中即时引入。
所以如下
第一种
安装: npm install --save axios vue-axios
vue-axios是按照vue插件的方式去写的。那么结合vue-axios,就可以去使用vue.use方法了
首先在入口文件main.js中引用
import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.use(VueAxios,axios);
使用方法:
this.axios.get('../getNewsList')
.then((response)=>{this.newsList=response.data.data;})
.catch((response)=>{console.log(response);})
第二种 axios 改写为 Vue 的原型属性
首先在main.js文件中引用,之后挂在vue的原型链上
import axios from 'axios'
Vue.prototype.$axios= axios
使用方法
this.$axios.post('地址', data)
.then(function (response) {
console.log(response);
}).catch(function (error) {
console.log(error);
});