react在package.json里配置proxy的原因

react

以前单独使用webpack的时候,我们知道在开发过程中可以配置devServer里的proxy,从而访问后端提供的接口。react内部也是使用的webpack那么怎么去配置proxy呢,我在react的官网里并没有找到,没有办法在网上找了很久的资料终于找到了方法:在package.json里配置,可是为什么这样配置就可以让webpack知道这个proxy?
react提供了create-react-app来简化创建app的过程,但是也隐藏了很多的配置细节,通过package.json中scripts里的eject命令可以修改项目,将所有配置文件都暴露出来,运行完eject命令后,我们在package.json里可以看到:

进入到scripts/start.js里面:

在这里可以看到devServer使用了serverConfig,而在serverConfig里使用了proxyConfig,进一步跳转,可以看到

这里的proxySetting是来自于paths.appPackageJson里的proxy属性,再进一步跳转,终于找到了,这个proxy是来自于package.json里的proxy

done.

以上是 react在package.json里配置proxy的原因 的全部内容, 来源链接: utcz.com/z/383976.html

回到顶部