如《前端开发的正确姿势》所述,前后端分离开发,并行任务时,前端需要使用到 mock 模式。
如果使用 umi 项目,自带 mock 模式;这篇文章给出一个非 umi 项目的纯 webpack 例子,说明如何进行 mock 模式配置。
同《前端开发的正确姿势》所述,这里也要用到 devServer 配置,具体来说,在 setup 里配置 mock 返回的数据,再通过一个 proxy 来实现在 mock 模式下向 mock 接口发起请求:

javascript devServer: { setup: app => { app.get(/api/, (req, res) => { setTimeout(() => { res.json({ custom: mock response }); }, 3000); }); }, proxy: process.env.MOCK ? { /api: { target: http://localhost:3333/api, changeOrigin: true } }/ mock 模式 / : { /api: { target: https://dev.example.com, changeOrigin: true, withCredentials: true, headers: { Cookie: } } } / dev 模式 */ }