一、介绍

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/>'
})

Logo

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐