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

发布于 2022-09-06 01:58:49 字数 1547 浏览 15 评论 0

就是想用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')
})

所以想问问题出在哪里?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

青瓷清茶倾城歌 2022-09-13 01:58:49

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

星星的軌跡 2022-09-13 01:58:49

你是不是没引入mock.js呢

梦在深巷 2022-09-13 01:58:49

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文