vue中用mock.js去仿真数据出个小问题

就是想用Mock.js仿真一个数据,然后拦截住vue中的axios的一个get请求,返回数据

   var Mock = require('mock')
   Mock.mock('/api/share',{
    'code|6000-7000':100,
    'name':'@first',
    'trade|5-10.2':100,
    'open|5-10.2':200,
    'low|5-10.2':200,
    'settlement|5-10.2':200,
    'volume|5000000-60000000':300,
    'amount|5000000-60000000':200
  });
  export default {
    data() {
      return {
        items:[]
      }
    },
    methods: {
      addShare(item){
        axios.post('/data/addshare',
          {
            shareCode:item[2],
          })
          .then(function(response){
            console.log(response)
        })
      }
    },

然后在运行的时候,浏览器总报错

shareMarket.vue?8a51:38 Uncaught TypeError: Mock.mock is not a function
    at eval (shareMarket.vue?8a51:38)
    at Object.<anonymous> (app.js:2375)
    at __webpack_require__ (app.js:679)
    at fn (app.js:89)
    at eval (shareMarket.vue?95a9:1)
    at Object.<anonymous> (app.js:2362)
    at __webpack_require__ (app.js:679)
    at fn (app.js:89)
    at eval (index.js?3672:1)
    at Object.<anonymous> (app.js:2196)

说Mock.mock()不是函数。。但官方教程里面就是这么写的

下面这是官方例子

Mock.mock(/\.json/, {
    'list|1-10': [{
        'id|+1': 1,
        'email': '@EMAIL'
    }]
})
$.ajax({
    url: 'hello.json',
    dataType: 'json'
}).done(function(data, status, jqXHR){
    $('<pre>').text(JSON.stringify(data, null, 4))
        .appendTo('body')
})

所以想问问题出在哪里?

阅读 6.1k
3 个回答

第一行,请改成:var Mock = require('mockjs')

你是不是没引入mock.js呢

新手上路,请多包涵

楼主看到回复,我是在接口里面拿到了数据, 但是渲染的时候没有数据,尝试了很多方法, 但是都是渲染不出来,请问有没有大佬遇到过这个问题,看到请回复,谢谢!

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题