将 ReactJS 前端添加到我的 REST API答案

【问题标题】：Adding a ReactJS front end to my REST API将 ReactJS 前端添加到我的 REST API
【发布时间】：2016-10-22 20:46:14
【问题描述】：

我对前端开发真的很陌生。我创建了一个 Maven 项目并使用 Spring Boot 框架完成了我的 REST API 入口点的定义。我想为项目添加一个使用 reactJS 的基本前端。所以我从基本的 html 欢迎开始。我添加了一个war/WEB-inf/index.jsp欢迎页面：

<html>
  <head><title>Example</title></head>
  <body>
    <h1>Example</h1>
    <p>This is my test.</p>
  </body>
</html>

还有一个war/WEB-inf/web.xml

<?xml version="1.0" encoding="UTF-8"?>

<web-app version="2.4"
         xmlns="http://java.sun.com/xml/ns/j2ee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee 
         http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd" >

  <welcome-file-list>
    <welcome-file>
      index.jsp
    </welcome-file>
  </welcome-file-list>

</web-app>

尝试通过访问 localhost:8080 来访问该页面

Whitelabel Error Page

This application has no explicit mapping for /error, so you are seeing this as a fallback.

Tue Jun 21 12:33:05 CEST 2016
There was an unexpected error (type=Not Found, status=404).
No message available

我会很感激一些帮助

【问题讨论】：

为什么不将前端应用与后端分离呢？因此，在 spring-boot 上，您只需对其余服务进行编码，然后在前端使用这些服务。带有 webpack-dev-server 的 Webpack 将帮助您在开发时为前端提供服务
@Sudakatux 将它们解耦是更好的做法吗？他们将如何部署在一起进行生产？如果可以，您能否为我提供一个很好的教程以便开始开发 reactJS？

标签： java rest maven reactjs spring-boot

【解决方案1】：

如果您只想提供静态内容并且您正在使用 Spring boot，您可以简单地在 src/main/resources/public 或 src/main/resources/static 目录中创建一个 index.html 文件。如果你只打算使用 React（或任何其他 JavaScript 框架），这个设置应该可以工作。只需在此文件夹中添加所有 JavaScript/CSS/HTML。

如果您需要动态 HTML 页面（例如使用 JSP/JSTL），您可以将其添加到 src/main/resources/templates 文件夹，但您可能必须定义一个控制器才能使用 index.jsp 模板文件。

您也不需要 Web 描述符 (web.xml)，因此您可以删除它。

【讨论】：

成功了，谢谢。你能帮我提供一个很棒的 React JS 组件库吗？
我不知道，我对 React 并没有真正的经验，但我很确定你在谷歌上搜索过。