Dva中的mock数据

in 网站建设
关注公众号【好便宜】( ID:haopianyi222 ),领红包啦~
阿里云,国内最大的云服务商,注册就送数千元优惠券:https://t.cn/AiQe5A0g
腾讯云,良心云,价格优惠: https://t.cn/AieHwwKl
搬瓦工,CN2 GIA 优质线路,搭梯子、海外建站推荐: https://t.cn/AieHwfX9

新建文件mock/testMock.js

module.exports = {
    "GET /api/mockdata":(req,res)=>{
        console.log(req);
        res.send({
            msg:'登录成功'
        })
    }
}

.roadhogrc.mock.js文件


export default {
    ...require('./mock/testMock')
};

services/example.js文件 数据请求如下:

import request from '../utils/request';
const proxy = '/apis'

export function query() {
  return request('/api/users');
}
// 代理接口
export function reqCnode(){
  return request(proxy + '/api/v1/topics');
}
// 注册mock接口
export function reqMockData(){
  return request('/api/mockdata');
}

页面使用UserPage.jsx文件

import {reqMockData} from '../services/example'
componentDidMount(){
    reqMockData().then(res=>console.log('reqMockData',reqMockData))
}


觉得对自己有帮助就点个赞

关注公众号【好便宜】( ID:haopianyi222 ),领红包啦~
阿里云,国内最大的云服务商,注册就送数千元优惠券:https://t.cn/AiQe5A0g
腾讯云,良心云,价格优惠: https://t.cn/AieHwwKl
搬瓦工,CN2 GIA 优质线路,搭梯子、海外建站推荐: https://t.cn/AieHwfX9
扫一扫关注公众号添加购物返利助手,领红包
Comments are closed.

推荐使用阿里云服务器

超多优惠券

服务器最低一折,一年不到100!

朕已阅去看看