vue:axios -- mockjs -- axios-mock-adapter 2018-12-27

mockjs:可以起一个mockjs的serve,也可以配置在本地

main.js:require('mockjs')

新建list-mock.js:

const Mock=require("mockjs")

const Random=Mock.Random

const produceList=function(){

let list=[]

for (let i=0;i<10;i++) {

let listObject={

date: Random.date(),

name: Random.cname(),

address: Mock.mock('@county(true)')

}

list.push(listObject)

}

return list

}

Mock.mock('/list','get',produceList)

axios-mock-adapter 配置

mock文档下新建index.js

import axios from 'axios'

import MockAdapter from 'axios-mock-adapter'

let mock=new MockAdapter(axios)

mock.onGet('/list').reply(200,[

{date: '2016-05-01',name: '王小虎',address: '上海市普陀区金沙江路 1519 弄' },

])

调用方式:

require('../mock/list-mock.js')

//require('../mock/index.js')

this.$axios.get('/list').then(({data})=>{

this.tableData=data

}).catch(err=>{

console.log(err)

})

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容