vue-cli mockjs 虚拟数据

Posted 恒之心

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue-cli mockjs 虚拟数据相关的知识,希望对你有一定的参考价值。

1、安装mockjs

cnpm install mockjs  --save-dev

2、在src目录下创建mock.js

import Mock from ‘mockjs‘;

export default Mock.mock(‘http://vhen.com‘, {
          ‘name‘    : ‘@name‘,
          ‘age|1-100‘: 100,
          ‘color‘    : ‘@color‘
});

3、main.js 主入口引入mock.js

import ‘@/mock‘;

4、组件中调用

methods: {
        getData () {
            this.$http.get(‘http://vhen.com‘).then(res => {
                console.log(‘sdfdsfsf‘, res)
            })
        }
    },

 

以上是关于vue-cli mockjs 虚拟数据的主要内容,如果未能解决你的问题,请参考以下文章

在vue-cli环境下模拟数据接口及如何应用mockjs

如何改造vue-cli,将mockjs嵌入到webpack

在vue-cli项目中mockjs和vConsole的使用

前端mockjs虚拟数据__留备使用

前端mockjs虚拟数据__留备使用

前后端分离之mockjs实战demo