鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ mpvue項(xiàng)目引入mockjs后不起作用

mpvue項(xiàng)目引入mockjs后不起作用

在mpvue項(xiàng)目中使用mock.js進(jìn)行模擬接口數(shù)據(jù)

mock/index.js 代碼如下

import config from '@/base/config'
import api from '@/base/net/api'

const Mock = require('mockjs')

const Random = Mock.Random

Mock.mock(config.host + api.GET_MOMENT_LIST, 'get', {
  code: 0,
  msg: '',
  'content|20': [
    {
      avatar: Random.image('200x200', '#50B347', '#FFF', '頭像'),
      name: Random.cname(),
      article: Random.cparagraph(60, 120),
      imgs: ['https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1531996965677&di=86dc9bf49eb9866e449873d3dfd2f523&imgtype=0&src=http%3A%2F%2Fimg4.duitang.com%2Fuploads%2Fitem%2F201408%2F12%2F20140812102945_anHrL.jpeg', 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1532023095731&di=4b189ec02e76303b074c7415df141e03&imgtype=0&src=http%3A%2F%2Fpic.yesky.com%2FuploadImages%2F2016%2F342%2F49%2F5DY56992PG2D.jpg', 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1532023130033&di=8215d336148a1c45d77693b4360354b2&imgtype=jpg&src=http%3A%2F%2Fimg0.imgtn.bdimg.com%2Fit%2Fu%3D1649847555%2C3026466189%26fm%3D214%26gp%3D0.jpg'],
      addr: Random.city(),
      time: Random.integer(1, 59) + '分鐘前',
      zan: Random.integer(0, 100),
      comments: []
    }
  ]
})

然后在main.js中加入

require('@/mock/index')

附上
api.js

export default {
  GET_MOMENT_LIST: '/moments'
}

config.js

export default {
  host: 'http://cun.me' // 隨便寫的一個(gè)域名
}

但是在請(qǐng)求的時(shí)候依然404,是少配置什么了嘛

問題補(bǔ)充:

/mock/index.js

import Mock from 'mockjs'
import config from '@/base/config'
import api from '@/base/net/api'

console.log(Mock)
console.log(Mock.setup)

Mock.setup({
  timeout: '300-1200'
})

圖片描述

這個(gè)setup是方法啊,怎么就報(bào)成property了,而且還是of undefined呢

回答
編輯回答
空白格

404是沒找到對(duì)應(yīng)的url,或許是否會(huì)是index.js中的配置寫差了什么,你配個(gè)簡(jiǎn)易版的試試能不能跑通,甚至不要get、post指定。

相關(guān)參考:
Mock failed with 404 Error
mock.js-無需等待,讓前端獨(dú)立于后端進(jìn)行開發(fā)
詳解在vue-cli項(xiàng)目中使用mockjs(請(qǐng)求數(shù)據(jù)刪除數(shù)據(jù))

2017年3月26日 19:02