mock.js安装流程

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://m.ipkd.cn/webs_2084.html

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