脚手架创建的 ant-design-pro 6 mock接口404

大家好，我是鱼尾~ 今天分享一个前端小知识，我在使用ant design pro脚手架创建项目碰到的一个问题

复现过程：

使用 npm 初始化，创建项目

npm i @ant-design/pro-cli -g

pro create myproject

项目创建完成后，进入项目，安装依赖

yarn 或 npm install

依赖安装完成后，就可以启动项目啦

在package.json文件下，执行如下脚本：

start 脚本默认就会加载mock数据，在启动之后就可以直接登陆，不需要调用后端接口

然而在登陆的时候，报错如下：

没有加载到mock数据，所有无法登录（刚开始以为是npm或者是node版本不兼容的问题，调试了好久，卡了半天）

问题原因：在使用脚手架初始化创建项目的时候，模板引擎使用的是gitee上面，在代理（/config/proxy.ts）的配置中如图：

而在github上面如图：

所以问题就出在这里，在启动项目的时候，是会直接启动dev脚本的
“dev”: “npm run start:dev”,
“start:dev”: “cross-env REACT_APP_ENV=dev MOCK=none UMI_ENV=dev max dev”,

mock = none 没有加载到mock数据，导致无法登陆，所以我们只需要注释掉 /config/proxy.ts中的dev: {},即可

重新启动项目，登陆成功！

---

我是鱼尾~， 本期的分享到此结束！有帮助的话点个赞再走吧