web建站教程
  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. seo教程
  6. 前端知识
  7. 百度echarts
  8. 更多
    php入门
    nodejs
    mockjs
    reactjs
    mysql
    wordpress
    织梦cms
    帝国cms
    git教程
    IT知识
    模板大全
    休息站

mock.js安装流程

457 ℃
     

Node (CommonJS)

# 安装
npm install mockjs
// 使用 Mock
var Mock = require('mockjs')
var data = Mock.mock({
  // 属性 list 的值是一个数组,其中含有 1 到 10 个元素
  'list|1-10': [{
     // 属性 id 是一个自增数,起始值为 1,每次增 1
     'id|+1': 1
  }]
})
// 输出结果
console.log(JSON.stringify(data, null, 4))

Bower

# 安装
npm install -g bower
bower install --save mockjs
//用script引入
src="./bower_components/mockjs/dist/mock.js"

RequireJS (AMD)

// 配置 Mock 路径
require.config({
  paths: {
    mock: 'http://mockjs.com/dist/mock'
  }
})
// 加载 Mock
require(['mock'], function(Mock){
  // 使用 Mock
  var data = Mock.mock({
    'list|1-10': [{
      'id|+1': 1
    }]
  })
  // 输出结果
    document.body.innerHTML +=
        '< pre >' +
        JSON.stringify(data, null, 4) +
        '< /pre >'
})
// ==>
{
  "list": [
    {
      "id": 1
    },
    {
      "id": 2
    },
    {
      "id": 3
    }
  ]
}

Sea.js (CMD)

因为 Sea.js 社区尚未提供 webpack 插件,所以 Mock.js 暂不完整支持通过 Sea.js 加载。

一种变通的方式是,依然通过 Sea.js 配置和加载 Mock.js,然后访问全局变量 Mock。

// 配置 Mock 路径
seajs.config({
    alias: {
        mock: 'http://mockjs.com/dist/mock.js'
    }
})

// 加载 Mock
seajs.use('mock', function(__PLACEHOLDER) {
    // 使用 Mock(全局变量)
    var data = Mock.mock({
        'list|1-10': [{
            'id|+1': 1
        }]
    });
    document.body.innerHTML +=
        '< pre >' +
        JSON.stringify(data, null, 4) +
        '< /pre >'

})


Random CLI

# 全局安装
$ npm install mockjs -g

# 执行
$ random url
# => http://rmcpx.org/funzwc

# 帮助
random -h

vue项目生产环境中使用mock数据(mockjs和vite-plugin-mock)

vue-cli脚手架卸载与安装代码总结

VUEJS-安装

mockjs生成随机数据参数介绍

mock.js用法实例

标签: mockjs, 安装

上面是“mock.js安装流程”的全面内容,想了解更多关于 mockjs 内容,请继续关注web建站教程。

当前网址:https://ipkd.cn/webs_2084.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

当前位置: 网站首页 > mockjs
本文共计1110个字,预计阅读时长8分钟
生活小工具,收录了80多款小工具
上一篇: 推荐2款充满科技感的艺术字体——小新黑体、小新潮酷体
下一篇: 推荐一款浏览器数据库的开源工具库——Dexie.js(JavaScript调用)
x 打工人ai神器