vue项目常用依赖安装③——axios

一、介绍

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。简单来说就是前端最火最简单的一个http请求解决方案。官方地址如下：axios官网

二、安装

npm install axios --save

三、配置

1. 在main.js文件中 引入 axios组件 ：

// 程序入口：环境依赖，插件
import Vue from 'vue'
// 引入根组件
import App from './App'
// 引入路由配置
import router from './router'
// 关闭生产模式下给出的提示
Vue.config.productionTip = false
//引入axios
import axios from 'axios'
//设置成全局
Vue.prototype.$axios = axios;
//再组件中通过this调用this.$axios.get()如果不设置全局就正常调用axios.get();
// 定义实例
new Vue({
  el: '#app',
  router,// 注入框架中
  axios,// 注入框架中
  components: { App },
  template: '<App/>'
})