在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ù))
北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國(guó)IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國(guó)家
北大青鳥中博軟件學(xué)院創(chuàng)立于2003年,作為華東區(qū)著名互聯(lián)網(wǎng)學(xué)院和江蘇省首批服務(wù)外包人才培訓(xùn)基地,中博成功培育了近30000名軟件工程師走向高薪崗位,合作企業(yè)超4
中公教育集團(tuán)創(chuàng)建于1999年,經(jīng)過二十年潛心發(fā)展,已由一家北大畢業(yè)生自主創(chuàng)業(yè)的信息技術(shù)與教育服務(wù)機(jī)構(gòu),發(fā)展為教育服務(wù)業(yè)的綜合性企業(yè)集團(tuán),成為集合面授教學(xué)培訓(xùn)、網(wǎng)
達(dá)內(nèi)教育集團(tuán)成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu),是中國(guó)一站式人才培養(yǎng)平臺(tái)、一站式人才輸送平臺(tái)。2014年4月3日在美國(guó)成功上市,融資1
曾工作于聯(lián)想擔(dān)任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項(xiàng)目經(jīng)理從事移動(dòng)互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
浪潮集團(tuán)項(xiàng)目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺(tái)面向?qū)ο箝_發(fā)經(jīng)驗(yàn),技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫(kù),具有快速界面開發(fā)的能力,對(duì)瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁(yè)制作和網(wǎng)頁(yè)游戲開發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗(yàn)。曾經(jīng)歷任德國(guó)Software AG 技術(shù)顧問,美國(guó)Dachieve 系統(tǒng)架構(gòu)師,美國(guó)AngelEngineers Inc. 系統(tǒng)架構(gòu)師。