vue根据url获取内容axios_Vue 中使用axios 处理请求数据

安装就不过多讲解了，请移步至 axios 学习文档

仔细看看文档，就知道axios 是一个基于 promise 的 HTTP 库，axios并没有install 方法，所以是不能使用vue.use()方法的。☞查看 Vue 插件

那么难道我们要在每个文件都要来引用一次axios吗？多繁琐！！！解决方法有很多种：

结合 vue-axios使用

axios添加到 Vue 的原型属性

结合 Vuex的action

1.结合 vue-axios使用

vue-axios，它是按照vue插件的方式去写的。那么结合vue-axios，就可以去使用vue.use方法了，首先在主入口文件main.js中引用：

import axios from axios'

import Vueaxios from vue-axios

Vue . use ( Vueaxios , axios )

之后就可以使用了，在组件文件中的methods里去使用了：

getNewsList(){

this.axios.get('api/getNewsList').then((response)=>{

this.newsList=response.data.data;

}).catch((response)=>{

console.log(response);

})

}

2.axios 改写为 Vue 的原型属性(不推荐这样用)

首先在主入口文件main.js中引用，