美文网首页
vue:axios -- mockjs -- axios-moc

vue:axios -- mockjs -- axios-moc

作者: 沉默固执老阿姨 | 来源:发表于2018-12-27 17:52 被阅读0次

    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)

    })

    相关文章

      网友评论

          本文标题:vue:axios -- mockjs -- axios-moc

          本文链接:https://www.haomeiwen.com/subject/pvddlqtx.html