将ReactJS前端添加到我的REST API

时间:2016-06-21 10:36:14

标签: java rest maven reactjs spring-boot

我对前端开发真的很陌生。我创建了一个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

我很感激一些帮助

1 个答案:

答案 0 :(得分:2)

如果您只想提供静态内容并且使用Spring启动,则只需在index.htmlsrc/main/resources/public目录中创建src/main/resources/static文件即可。如果您只打算使用React(或任何其他JavaScript框架),则此设置应该有效。只需在此文件夹中添加所有JavaScript / CSS / HTML即可。

如果您需要动态HTML页面(例如使用JSP / JSTL),您可以将其添加到src/main/resources/templates文件夹,但是您可能必须定义一个控制器才能使用{{1} }模板文件。

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