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;