梦学谷管理系统（下）_mengxuegu mork 用法-CSDN博客

本文链接：https://blog.csdn.net/m0_51400347/article/details/116432960

整体项目中的难点

mock.js的使用

在这里我举的例子是在vue项目中如何使用mock.js。

安装mockjs
npm install mockjs --save-dev
在项目中创建mock.js，并写一个简单的返回示例，后面拦截其他url的ajax请求直接参考这个示例。

//引入mockjs
import Mock from 'mockjs'
//使用mockjs模拟数据
Mock.mock('/\/api\/msdk\/proxy\/query_common_credit/', {
    "ret":0,
    "data":
      {
        "mtime": "@datetime",//随机生成日期时间
        "score|1-800": 800,//随机生成1-800的数字
        "rank|1-100":  100,//随机生成1-100的数字
        "stars|1-5": 5,//随机生成1-5的数字
        "nickname": "@cname",//随机生成中文名字
      }
});

main.js里面引入该文档
import './assets/js/mock'//此部分引入的是我们所编写的mockjs文档
xxx.vue文件中调用mock.js中模拟的数据接口，这时返回的response就是mock.js中用Mock.mock(‘url’,data）中设置的data了。

query_common_credit(){
      var loginMode = 'msdk';//游戏内默认msdk(wx|qq|msdk)
      var url = '/api/msdk/proxy/query_common_credit';
      this.$axios.get(url)
        .then(response => {
          
        })
        .catch(error => {
          
        })
    }

具体详情可以参考官网 http://mockjs.com/