Mock在create-react-app中的配置

1.create-react-app创建项目

2.引入webpack-api-mocker插件:

cnpm install webpack-api-mocker

3. 运行 npm run eject 将webpack相关的配置文件暴露出来。

npm run eject   //不可逆操作

4.配置webpack

① 在目录下的config文件夹中找到webpackDevServer.config.js文件

② 先引入apiMocker 和 path

const apiMocker = require('webpack-api-mocker');

const path=require("path");

③ 找到before,在里面添加关键内容

before(app, server) {

    ...

    apiMocker(app, path.resolve(__dirname, '../mocker/index.js'))

}

5. 在项目先创建文件夹mocker,在mocker下创建index.js作为入口文件

//index.js    

const proxy = { 'GET /test':{ aaa:'aaa' }}

module.exports = proxy;

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 原文http://www.cnblogs.com/libin-1/p/6596810.html 版本号 vue-c...
    tengrl阅读 3,691评论 0 0
  • 确认过眼神,你还是没有准备秋招的人?时间仓促。自京东6月8号开启管培生的招聘,就意味着秋招的开始。然而你还在等着秋...
    千锋H5阅读 1,832评论 1 13
  • 在我怀孕六个月时,便知道自己怀得是个女孩!我试探的问老公:若是不喜欢女孩,我们可以选择放弃! 老公看了一眼我的大肚...
    LOVE姑娘阅读 249评论 2 1
  • 前几日 晚 洗脚过后 手机以一漂亮的自由落体的形式跃入水中。。。 偶惊恐 迅速将手机捞起 正欲抠电池和擦干 机爷已...
    狂奔工作室cool阅读 300评论 6 0