create-react-app 是我们新建项目时常用的template,也是官方大力推荐的,这个模板对很多情况不同操作系统都做了兼容。
实际开发中,很大概率需要设置代理,默认是拿package.json的proxy字段,但是这个proxy要求是一个字符串的模式,很难满足实际的开发需要,不用慌,官方还有另一个设置入口。
image.png
项目eject之后,从 config/paths 文件可以看到要在src下建一个 setupProxy.js文件
image.png
在这里面就可以配置需要的代理了。
配置方法如下图所示:
image.png
http-proxy-middleware 是 webpack-dev-server 的依赖项,所以可以直接使用;假如报错的话可以重新装一下。
想了解 http-proxy-middleware用法的可以查看:https://www.npmjs.com/package/http-proxy-middleware
网友评论