我按照讲师的写法写的,代理 ,但是报这个错,表示不理解,希望讲师帮忙帮看看,谢谢~

来源:2-2 Mock数据的使用

Bob6666

2019-03-10

图片描述
图片描述

写回答

1回答

艾特老干部

2019-03-11

你好,这个是create-react-app版本的问题。课程录制时,create-react-app的版本是1.x,支持proxy值设置为object类型。当前2.x已经发布,但不支持object类型的proxy值。

解决这个问题有3种方法:

方法1:将package.json中的proxy配置改为: "proxy": "http://localhost:5000"。

方法2:

    1. 安装 http-proxy-middleware,在项目根路径下执行: npm install http-proxy-middleware

    2. 在src文件夹根目录下,创建 setupProxy.js 文件,文件内容为:

const proxy = require('http-proxy-middleware');

module.exports = function(app) {
  app.use(proxy('/api', { target: 'http://localhost:5000/' }));
};

     3. 删除package.json中的原有proxy配置。

方法3: 将package.json中的依赖react-scripts的版本改为1.x,例如课程录制时使用的是1.1.4。


1
5
勇敢的哥哥
方法二根本就不行,你有验证过吗?还是百度了直接复制粘贴过来的?
2020-11-09
共5条回复

React16+Redux实战企业级大众点评Web App

从架构设计到部署上线,带你学习React技术栈与核心思想

1071 学习 · 306 问题

查看课程