vue安装使用axios从接口获取数据

一、安装axios

首先我自己的项目是通过脚手架创建的。
在自己的vue项目中安装axios

npm install axios --save-dev 
npm install vue-axios --save-dev  

之后在 main.js 中进行全局配置

//引入下载的文件
import Vue from 'vue'
import axios from 'axios'
import VueAxios from 'vue-axios'
//通过全局方法 Vue.use() 使用插件，就相当于调用install方法
Vue.use(VueAxios, axios)

二、使用axios

上面的步骤配置完之后，就可在组件中使用axios了。
我在项目里面用的是get请求参数，下面是两种写法

//第一种写法
Vue.axios(api).then((response) => {
	console.log(response.data);
})
//第二种写法
this.axios(api).then((response) => {
	console.log(response.data);
})

**********************分割线***************************

//样例
// 发起get请求 参数值写在请求里面
this.axios.get('/user?ID=12345')
  .then(function (response) {
  // then 指成功之后的回调 (注意：使用箭头函数，可以不考虑this指向)
    console.log(response);
  })
  .catch(function (error) {
  // catch 指请求出错的处理
    console.log(error);
  });
 
//一般推荐这么写，把参数单独拎出来
// 发起get请求
this.axios.get('/user', {
	// get传递的ID参数
    params: {
      ID: 12345
    }
  })
  .then(function (response) {
  	// then 指成功之后的回调 (注意：使用箭头函数，可以不考虑this指向)
    console.log(response);
  })
  .catch(function (error) {
   	// catch 指请求出错的处理
    console.log(error);

三、vue-axios学习网址

网址1：https://github.com/imcvampire/vue-axios

网址2： https://www.npmjs.com/packge/axios

以上就是我初次使用axios的整理。
axios还有post请求，因为没有使用所以就没有贴出来了。

如果想了解更多请参考
参考文献: https://blog.csdn.net/qq_41115965/article/details/80780264

这是我的第一篇博客，有什么疏漏的地方，请多多包含。