分类导航

程序问答发布时间：2022-06-01 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了与 Spring Boot 捆绑时，PROD 中 localhost API 的 ReactJS 代理 URL，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决与 Spring Boot 捆绑时，PROD 中 localhost API 的 ReactJS 代理 URL？

开发过程中遇到与 Spring Boot 捆绑时，PROD 中 localhost API 的 ReactJS 代理 URL的问题如何解决？下面主要结合日常开发的经验，给出你关于与 Spring Boot 捆绑时，PROD 中 localhost API 的 ReactJS 代理 URL的解决方法建议，希望对你解决与 Spring Boot 捆绑时，PROD 中 localhost API 的 ReactJS 代理 URL有所启发或帮助；

我正在尝试将 ReactJs 和 Spring Boot API 捆绑在一起并构建一个胖 jar。在我阅读的每个教程中，我都被告知将 localhost API URL 作为代理放在 React 应用程序的 package.Json 中，如下所示。

"proxy": "http://localhost:8080"

因为我显然没有这方面的 PROD 部署经验，所以当您在 PROD 中部署时，这是要走的路吗？否则，请指导我朝着正确的方向前进。我在任何地方都找不到答案。

此外，在有两个开发人员的中型项目中这样做有什么缺点吗？感谢任何输入。

解决方法

"proxy" 字段应该只在开发环境中 Webpack 开发服务器第一次使用时使用（以启用 Hot-Reload 功能）这是 2018 年的指南： spring + react guide

不管有两种主要的方式来托管 React 应用程序：

在 spring boot Jar 里面有一个静态资源（你可以使用 frontend-maven-plugin 再次运行 yarn/npm 看指南），这种方法的优点是安全，您不需要启用 CORS 来为页面提供服务。缺点是方便这个解决方案需要更多的代码，而且spring boot服务器处理需要额外调用服务器的客户端的UI服务（spring first方法）
另一种选择是将它托管在像 amazon S3 这样的托管服务中，然后它将不在 spring 中托管，而是在 s3 中托管，并且将成为第一个（UI 优先方法），您需要在 spring 中启用 CORS启动应用程序，但这是一个更广泛的解决方案。

ps。我会先阅读一些指南，它会帮助您大致了解