Vue开发实例（七）Axios的安装与使用-一、Axios

Axios 是一个基于 promise 的 HTTP 库，类似于我们常用的 ajax。
在开发过程中，特别是前后端分离的项目，比如前端用Axios、ajax请求后端数据，后端也许当前只给了接口文档，还没有数据的返回，导致前端无法进行测试、调试，现在可以使用mock.js拦截前端ajax请求，更加方便的构造你需要的数据，大大提高前端的开发效率。

1、安装axios

npm install axios --save

在main.js全局引入axios

import axios from 'axios';
Vue.prototype.$axios =axios;

2、安装mockjs

npm install mockjs --save-dev

在src下创建文件夹mock，并创建index.js文件，输入以下测试内容：

//引入mockjs
import Mock from 'mockjs'

//使用mockjs模拟数据
Mock.mock('/test', {
  "res": 0,
  "data":
  {
    "datatime": "@datetime",//随机生成日期时间
    "weekday|1-7": 7,//随机生成1-7的数字
    "name": "@cname",//随机生成中文名字
  }
});

在main.js引入此mock.js就可以进行全局拦截axios和ajax的请求了。

import './mock/index.js';