React 前端未与 spring 引导 REST API 通信。控制台中的 Axios 网络错误

Question

我一直在尝试学习将 reactJS 前端与 springboot 后端集成。我按照教程构建了一个带有 reactJS 前端和 spring 启动 java 后端的演示 CRUD 应用程序。总的来说，我对 React 和 javascript 还很陌生，在 java 方面有更多经验，而且我在将这两部分整合在一起时遇到了很多麻烦。 React 应用程序位于 springboot 应用程序的文件结构中。我在端口 8080 上有我的 spring 引导项目运行，在 8081 上有反应应用程序。我有双方 'working'，但是当我尝试启动 servlet，然后启动反应应用程序时，两者都开始工作，但是当我尝试在 localhost:8081 上打开页面并操作 UI 时，两者之间没有任何联系。请帮助一个低级的 js n00b 解决这个问题，我已经为此工作了大约一个星期，但没有取得任何新成就。当我开始 localhost:8081 我看到我的首页，但如果我点击任何东西，它不起作用，我在控制台中看到这样的错误。

localhost:8080/api/tutorials:1 加载资源失败：net::ERR_SSL_PROTOCOL_ERROR

出现类似

的 axios 错误

AxiosError
code: "ERR_NETWORK"
config: {transitional: {…}, transformRequest: Array(1), transformResponse: Array(1), timeout: 0, adapter: ƒ, …}
message: "Network Error"
name: "AxiosError"
request: XMLHttpRequest {data: undefined, onreadystatechange: null, readyState: 4, timeout: 0, withCredentials: false, …}
response: XMLHttpRequest {data: undefined, onreadystatechange: null, readyState: 4, timeout: 0, withCredentials: false, …}
[[Prototype]]: Error

这是我遵循的教程，如果它有帮助的话。

https://www.bezkoder.com/react-spring-boot-crud/#Create_038_Setup_Spring_Boot_project

这是我拥有所有代码的 github 存储库.. https://github.com/SeanRogan/CrudAppDemo/

前端源代码：https://github.com/SeanRogan/CrudAppDemo/tree/master/frontend/src

后台源码： https://github.com/SeanRogan/CrudAppDemo/tree/master/src/main/java/com/seanrogandev/crudapp/demo

pom.xml: https://github.com/SeanRogan/CrudAppDemo/blob/master/pom.xml

application.properties: https://github.com/SeanRogan/CrudAppDemo/blob/master/src/main/resources/application.properties

manifest.json: https://github.com/SeanRogan/CrudAppDemo/blob/master/frontend/public/manifest.json

package.json: https://github.com/SeanRogan/CrudAppDemo/blob/master/frontend/package.json

如果我遗漏了任何其他相关信息，请告诉我。提前致谢。