xy-mock v0.0.3

xy-mock 数据mock服务

1.首先通过

• npm get registry
• or
• yarn config get registry

查看npm源或者yarn源是否为

• https://registry.npmjs.org/
• or
• http://registry.npm.taobao.org/

2.在项目目录中，可以运行：

• npm install xy-mock -D
• or
• yarn add xy-mock -D

来添加数据mock服务

3.修改webpack是devServer配置

• 如果用的create-react-app(官方脚手架) 需要 通过 npm run eject 弹出webpack配置
• 找到webpack 开发环境配置，在devServer下修改：
• 引入xy-mock模块 :const makeMock = require('xy-mock');
• 修改proxy :proxy: { "^/api/": { target: "http://locahost:2019", //目标地址(可自行配置) changeOrigin: true, } // "^/system/api/": { // target: "http://locahost:2019", // changeOrigin: true, // } },
• 添加 : setup(app) { //实施监控 xyMock(app, { //mock目录 mockPath: 'mock', //支持设置统一接口后缀，如：.do apiExt: '' }); },

4.创建mock文件

* 在根目录下创建mock文件夹 :
      如果要请求 api/employee/list 请创建api_employee_list.js文件
        //一个js文件对应一个mock
        //接口地址会根据文件名解析
          module.exports = (req, res) => {
          //获取请求参数
        	const query = req.query
          //res.json()方法返回json格式数据
        	res.json({"code":0,"message":"成功","data":'HelloWorld'})
        }