vue+mockjs 模拟数据,请求回调的应用

一:安装,axios请求数据的,mock模拟数据

npm install axios --save
npm install mockjs --save-dev

二:在src下新建一个mock.js

 mock.js里面模拟两条接口数据

import Mock from 'mockjs'; // es6语法引入mock模块
Mock.mock('http://localhost/user', {
    'name': '@name', // 随机生成姓名

    'age|1-10': 5

})
Mock.mock('http://localhost/user1', {
    'name': '战三', // 随机生成姓名

    'age|1-10': 5

})

三、在main.js导入mock 和axios

        import axios from 'axios'
       import './mock.js'
       Vue.prototype.$http=axios;

 四、在相应的实例中调用

 页面展示如下

原文地址:https://www.cnblogs.com/binmengxue/p/12160234.html