mock.js使用

以前要模拟ajax请求都是在项目下面新建data.json数据,后面了解了mock.js再也不用这样了
mock.js 使用步骤

    1. 安装mockjs
      npm install mockjs --save-dev
    1. 在项目中新建mock.js文件
      import Mock from 'mockjs'
      Mock.mock('http://10.1.40.77:8080',{
      "res":0,
      "data":{
         "mtime": "@datetime", //产生日期时间
         "score|1-800":800, //产生1-800的随机数
         "rank|1-100":100, //产生1-100的随机数
         "stars|1-5":5, //产生1-5的随机数
         "nickname":"@cname" //产生随机中文名
      }
      })
  • 注意* 一定要在mian.js中引入哦

    import './assets/mock'
    1. 模拟发送ajax请求
      getData1(){
       var url = 'http://10.1.40.77:8080';
       this.$http.get(url)
       .then(res=>{
         console.log(res)
       })
      }
    1. 打印结果
      {data: {…}, status: 200, statusText: "OK", headers: {…}, config: {…}, …}config: {url: "http://10.1.40.77:8080", method: "get", headers: {…}, transformRequest: Array(1), transformResponse: Array(1), …}data: data: mtime: "1992-11-08 03:44:14"nickname: "沈艳"rank: 7score: 360stars: 3__proto__: Objectres: 0__proto__: Objectheaders: {}request: MockXMLHttpRequest {custom: {…}, match: true, readyState: 4, timeout: 0, onreadystatechange: ƒ, …}status: 200statusText: "OK"__proto__: Object

简单使用mockjs结束,各种生成数据规则详看文档
https://github.com/nuysoft/Mock/wiki/Syntax-Specification

全部评论

相关推荐

06-20 17:42
东华大学 Java
凉风落木楚山秋:要是在2015,你这简历还可以月入十万,可惜现在是2025,已经跟不上版本了
点赞 评论 收藏
分享
05-26 16:13
门头沟学院 C++
牢大肘击Java:海投就完事了bro,就当刷视频了
点赞 评论 收藏
分享
不愿透露姓名的神秘牛友
06-20 14:14
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务