Reactjs 如何将react.js添加到spring mvc应用程序

我有一个SpringMVC应用程序（jsp作为视图），我想添加react.js作为前端。我有几个问题： 1.我应该把我的CreateReact应用程序文件夹放在哪里，或者这无关紧要。 2.是否有办法仅从maven（war）运行应用程序。我的意思是，我只知道一种运行应用程序的方法——从maven启动后端，从npm启动启动react.js。但这种方法需要使用代理或cors（否则我错了）。我正在使用IntellijI IDEA和WebStorm

没关系

---

您应该在spring的不同服务器上运行它并做出反应，这是正确的

您可以将api请求代理到后端，以避免CORS问题

将此复制到create react应用程序中的

src/setupProxy.js

。更多信息

然后，您可以使用

/api

前缀将请求代理到后端。例如，我可以在我的前端应用程序中执行类似于

fetch（'/api/users'）

的操作

没关系

---

您应该在spring的不同服务器上运行它并做出反应，这是正确的

您可以将api请求代理到后端，以避免CORS问题

将此复制到create react应用程序中的

src/setupProxy.js

。更多信息

---

然后，您可以使用

/api

前缀将请求代理到后端。例如，我可以在我的前端react应用程序中执行类似于

fetch（'/api/users'）

“您应该在spring和react的不同服务器上运行它，这是对的。”据我所知，没有办法将它们一起运行？也许有一些功能可以做到这一点？当然有。在开发中，我建议出于生产力的目的使用这种方法，因为WebpackDevServer非常适合开发。对于生产，您可以将SpringWeb服务器上的构建文件夹作为静态文件提供。t询问您的答案）“您应该在不同的spring服务器上运行它并做出反应，这是正确的。”据我所知，没有办法将它们一起运行吗？也许有一些功能可以做到这一点？当然有。在开发中，我建议出于生产力的目的使用这种方法，因为WebpackDevServer非常适合开发。对于生产，您可以将SpringWeb服务器中的构建文件夹作为静态文件提供。t询问您的答案）

const proxy = require("http-proxy-middleware");

module.exports = app => {
  app.use(
    proxy("/api", {
      target: "http://jsonplaceholder.typicode.com",
      pathRewrite: { "^/api": "" },
      changeOrigin: true
    })
  );
};