Vue中的axios介绍

一，使用axios发送ajax请求 

vue本身不具备发送ajax的请求，所以要借助第三方库来完成；

1.在1.x版本发送ajax请求可以使用vue-resource，不过现在vue-resource不在维护，官方推荐使用axios代替；

• vue-resource官网：点击进入

2.axios是一个基于Promise用于浏览器和node.js的HTTP客户端，可以用来发送ajax请求；

• axios官网：点击进入    中文说明

安装axios

首先，我们先安装axios工具，如下

npm i axios --save

好了，axios工具安装完成。

调整main.js文件

调整后的代码，如下

import Vue from 'vue'
import App from './App'
import router from './router'
import axios from 'axios'

Vue.config.productionTip = false
//全局注册axios
Vue.prototype.$http = axios

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: ''
})

全局注册后，就可以在其他页面按照this.$http这样的方式调用axios方法，不必每个页面引入axios。

例子：

	
		
		
	
	
		

			使用axios发送ajax请求