将ReactJS前端添加到我的REST API

用户名

我真的是前端开发的新手。我创建了一个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

我将不胜感激

g00glen00b

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

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将ReactJS前端添加到我的REST API

来自分类Dev

如何将行为添加到我的Azure API(例如,将其连接到后端)?

来自分类Dev

Android Google Map API将标题添加到我的标记中

来自分类Dev

无法将实体链接 API 添加到我的 Azure 帐户

来自分类Dev

如何将 webrtc 原生 api 添加到我的 qt 项目中?

来自分类Dev

为什么当我将 @api_view 添加到我的视图时会得到 403

来自分类Dev

启用Google+ Api后如何将配置文件添加到我的项目中

来自分类Dev

将Dropbox SDK添加到我的已经运行Chooser API的应用程序中,并且可以在商店中使用

来自分类Dev

将 api.ai 聊天机器人添加到我的 Meteor.js 聊天应用程序

来自分类Dev

将API添加到android SDK

来自分类Dev

将API添加到android sdk

来自分类Dev

将标记添加到Google API

来自分类Dev

需要将新的 Google Maps API KEY 添加到我现有的 Drupal7 站点

来自分类Dev

如何将jar文件添加到Java Rest API项目?

来自分类Dev

使用带有SugarCRM的REST API将目标添加到目标列表

来自分类Dev

将“标准” JSON字段添加到REST API中的序列化对象

来自分类Dev

PayPal Rest API-将订阅添加到计费协议

来自分类Dev

如何将数据添加到WP Rest API可以检索的WordPress帖子中

来自分类Dev

如何使用REST API将新文档添加到Content Server 10.5

来自分类Dev

通过REST API将任务作为子级添加到故事中

来自分类Dev

如何使用Xray Rest API将测试执行添加到测试计划中?

来自分类Dev

将“标准” JSON字段添加到REST API中的序列化对象

来自分类Dev

PayPal Rest API-将订阅添加到计费协议

来自分类Dev

如何将数据添加到WP Rest API可以检索的WordPress帖子中

来自分类Dev

如何将jar文件添加到Java Rest API项目?

来自分类Dev

Java REST API将文件夹添加到项目

来自分类Dev

使用REST API将社区成员添加到社区活动中得到403

来自分类Dev

通过REST API将子面板记录添加到SugarCRM帐户

来自分类Dev

将customer_balance_amount添加到Magento 2的Order REST API

Related 相关文章

  1. 1

    将ReactJS前端添加到我的REST API

  2. 2

    如何将行为添加到我的Azure API(例如,将其连接到后端)?

  3. 3

    Android Google Map API将标题添加到我的标记中

  4. 4

    无法将实体链接 API 添加到我的 Azure 帐户

  5. 5

    如何将 webrtc 原生 api 添加到我的 qt 项目中?

  6. 6

    为什么当我将 @api_view 添加到我的视图时会得到 403

  7. 7

    启用Google+ Api后如何将配置文件添加到我的项目中

  8. 8

    将Dropbox SDK添加到我的已经运行Chooser API的应用程序中,并且可以在商店中使用

  9. 9

    将 api.ai 聊天机器人添加到我的 Meteor.js 聊天应用程序

  10. 10

    将API添加到android SDK

  11. 11

    将API添加到android sdk

  12. 12

    将标记添加到Google API

  13. 13

    需要将新的 Google Maps API KEY 添加到我现有的 Drupal7 站点

  14. 14

    如何将jar文件添加到Java Rest API项目?

  15. 15

    使用带有SugarCRM的REST API将目标添加到目标列表

  16. 16

    将“标准” JSON字段添加到REST API中的序列化对象

  17. 17

    PayPal Rest API-将订阅添加到计费协议

  18. 18

    如何将数据添加到WP Rest API可以检索的WordPress帖子中

  19. 19

    如何使用REST API将新文档添加到Content Server 10.5

  20. 20

    通过REST API将任务作为子级添加到故事中

  21. 21

    如何使用Xray Rest API将测试执行添加到测试计划中?

  22. 22

    将“标准” JSON字段添加到REST API中的序列化对象

  23. 23

    PayPal Rest API-将订阅添加到计费协议

  24. 24

    如何将数据添加到WP Rest API可以检索的WordPress帖子中

  25. 25

    如何将jar文件添加到Java Rest API项目?

  26. 26

    Java REST API将文件夹添加到项目

  27. 27

    使用REST API将社区成员添加到社区活动中得到403

  28. 28

    通过REST API将子面板记录添加到SugarCRM帐户

  29. 29

    将customer_balance_amount添加到Magento 2的Order REST API

热门标签

归档