uniapp中使用mock不生效问题

Question

问题遇到的现象和发生背景

请求mock数据不生效

用代码块功能插入代码，请勿粘贴截图

vue.config.js 文件

const Mock = require('./mock/index.js');
module.exports = {
    devServer: {
        proxy: {
            '/api3': {
              target: 'http://localhost:8080/mock', 
              changeOrigin: true,
              secure: false,
              pathRewrite: { '^/api3': '' }, 
            },
        },
        before(app){
            Mock(app)
        }
    }
};

mock/index.js 文件

const productListMock = require('./components/productListMock');

function Mock(app) {
    productListMock(app)
}


module.exports = Mock;

productListMock.js 文件

var Mockjs = require('mockjs')
const { Random }= Mockjs;
const phonePrefix= ['132', '135', '189']
const index = Math.floor(Math.random() * phonePrefix.length)
var phOne= phonePrefix[index] + Mockjs.mock(/\d{8}/)
const addressesMock = function (app) {
  app.get('/mock/addresses', function(req, res) {
    
   var data = Mockjs.mock({
    // 属性 list 的值是一个数组，其中元素的数量从 1 到 10 个都有可能，随机
    'list|1-10': [{
     'id|+1': 0,
     "accept_name": Random.cname(),
     "mobile": phone,
     "province_name": Random.province(),
     "area": Mockjs.mock(/\d{6}/),
     "city": Mockjs.mock(/\d{6}/),
     "sex": parseInt(Random.boolean()),
     "district": {
      "districts": Random.province()+Random.city()+Random.county(),
      "area": Random.county(),
      "city": Random.city(),
      "province": Random.province()
     },
     "street": "有一间公寓八栋",
     "inner": false,
     "lat": "",
     "door_number": "AB1234",
     "is_default": parseInt(Random.boolean()),
     "province": Mockjs.mock(/\d{6}/),
     "area_name":Random.county(),
     "city_name": Random.city(),
     "poiname": ""
    }]
   })
   console.log('执行',data)
   res.json(data);
  })
 }
  
module.exports = addressesMock;

uni.request({
                url:'/api3/addresses',
                method: 'GET',
                success:(res)=>{
                    console.log(res,'成功')
                },
                fail:()=>{
                    console.log('失败')
                }
            })
            
            axios.get('/mock/addresses').then((res)=>{
                console.log(res)
            })

运行结果及报错内容

状态码200 ，304， 404 都有出现
都没 data 内容

我想要达到的结果

实现效果

Answer 1

题主也是前端高手，学习了，代码竟然可以这么写。哈哈，其实你已经成功了就差一步，见截图