mockjs与axios

mockjs可以在后端接口未开发完成情况下，前端自己模拟接口返回的数据

下载mockjs和axios

npm i mockjs

npm i axios

本人比较喜欢用yarn，所以就用yarn安装了

yarn add  mockjs

yarn add  axios

 安装成功如下:

在vue文件src下新建mock文件夹与内部index.js文件

 

index.js文件内容

•  引入mockjs
• 设置请求获取参数

import Mock from 'mockjs'

// 模拟 GET 请求
Mock.mock('/api/users', 'get', {
    'list|4-6': [{
        'key': Mock.Random.key,
        'text': Mock.Random.cword(4)
    }]
  });


Mock.mock('/api/font', 'get', {
    'list|2-4': [{
        'key': Mock.Random.key,
  'tit': Mock.Random.cword(4),
  'text': Mock.Random.csentence(10,16)
    }]
  });

main.js引入mock文件

import './mock/index.js'

 axios调用接口

 import axios from 'axios'

axios.get('接口')

            .then(response => {

                console.log("请求成功");

            })

            .catch(error => {

                console.error('请求失败', error);

});