我正在尝试将 ReactJS 应用程序与使用 Spring Boot 构建的 API 一起提供服务。我已经create-react-app
在 /public/ 上运行脚本- 如下面的结构所示 - 但是,当我尝试从http://localhost:8080/public/index.html访问它时,来自 ReactJS 的所有相对路径似乎都被破坏了
为了从 ReactJS 正确加载资源,我还需要做什么?
我正在尝试将 ReactJS 应用程序与使用 Spring Boot 构建的 API 一起提供服务。我已经create-react-app
在 /public/ 上运行脚本- 如下面的结构所示 - 但是,当我尝试从http://localhost:8080/public/index.html访问它时,来自 ReactJS 的所有相对路径似乎都被破坏了
为了从 ReactJS 正确加载资源,我还需要做什么?
我建议你创建两个项目:
create-react-app
.在开发模式下,您必须使用 node: 'npm start' 运行 React 开发服务器。您应该为您的 Spring Boot 应用程序定义一个代理:"proxy": "http://localhost:8080",
添加到您的package.json
. 该机制的文档在这里。您可以像往常一样使用 Gradle: 执行后端./gradlew bootRun
。
在生产部署中,您可以使用npm run build
. 生成的静态文件create-react-app
可以放在 Spring Boot 应用程序中的静态目录中,例如在src/main/resources/static/
(关于Spring Boot静态内容的文档)
我希望这有帮助!