axios的作用：axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征：

• 从浏览器中创建 XMLHttpRequest
• 从 node.js 发出 http 请求
• 支持 Promise API
• 拦截请求和响应
• 转换请求和响应数据
• 取消请求
• 自动转换JSON数据
• 客户端支持防止 CSRF/XSRF

步骤：

• 首先在本地全局安装 vue-cli
• 初始化项目xxx 项目名称
• 在xxx 项目中安装依赖文件
• 在xxx项目中安装axios
• 在xxx项目的找到srcmainjs中引入axios
• 为proxy本地代理配置在xxx 项目中找到configindexjs
• 在xxx 项目的找到src/components/HelloWorldvue代码修改如下

axios中文网址：www.kancloud.cn/yunye/axios…

第一步：一、关于axios的安装

1、利用npm安装npm install axios --save
2、利用bower安装bower install axios --save
3、直接利用cdn引入<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
复制代码

第二步：二、关于get请求数据

1、直接请求数据
axios.get('/static/data.json').then(res=>{
    console.log(res);
    ....
}).catch(error=>console.log(error));

2、带参数的请求方式
axios.get('/static/data.json',{params:{id:123}}).then(res=>{
    console.log(res);
    ....
}).catch(error=>console.log(error));
复制代码

二、关于post请求数据

1、直接请求
axios.post('/user', {
    firstName: 'Fred',
    lastName: 'Flintstone'
}).then(function (response) {
    console.log(response);
}).catch(function (error) {
    console.log(error);
});
复制代码

在xxx项目的找到src/main.js中引入axios

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'
import axios from 'axios' // 1、在这里引入axios
Vue.prototype.$axios = axios;   // 2、在vue中使用axios

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  axios,//注入
  template: '<App/>',
  components: { App }
})
复制代码

• 在xxx项目的找到src/componts/hello.vue中引入axios
• import axios from 'axios' // 1、在这里引入axios 关于本地mock 数据访问本地data.json 数据