使用mock模拟数据并测试

1.在mock文件下创建所需数据

2.在刚刚创建的文件夹内导入Mock

const Mock = require('mockjs')

3.调用Mock.mock的方法创建虚拟数据

const data = Mock.mock({  
    'items|30': [{    
      id: '@id',    
      title: '@sentence(10, 20)',    
      'status|1': ['published', 'draft', 'deleted'],   
      author: '@cname',    display_time: '@datetime',   
     pageviews: '@integer(300, 5000)'  
}]})

4.创建axios发送ajax并暴露出去

module.exports = [  {    
    url: '/news/list',    
    type: 'get',    
    response: config => {      
    const items = data.items      
    return {       
            code: 20000,       
             data: {          
                total: items.length,          
                 items: items       
                     }     
             }   
     } 
 }]

5.利用FeHelper插件中的postmen来测试

***注意：路径是由 服务器地址+VUE_APP_BASE_API+测试数据模拟的路径 拼接而成

看到以下数据代表成功了