spring boot + reactjs如何整合在一起?

用npm启动react,可以显示前端页面,但是拿不到数据。
用spring boot启动可以拿到数据,但是显示不出前端页面。
分别是maven的pom.xml和npm的package.json做的配置。
请问spring boot + reactjs如何整合,是不是应该把配置文件写成一个?
新手求老司机指点!

多谢了!

0

2个回答

这两个一个是后端,一个是前端,不需要整合,同时启动两个服务,一个后端服务提供数据,一个前端服务获取数据展示就行了吗,你说的整合估计就是把前端与后端部署在一个服务器上,启动一个服务就能访问前端页面还能获取数据,那你直接把前端页面丢在后端服务里就行了啊

0
shenshucong520
glustful 回复wzhuwzhu: 你放在resources文件夹下面还访问不到,那就配置一下静态文件的访问路径啊,网上一大堆资料
9 个月之前 回复
wzhuwzhu
wzhuwzhu 谢谢高人指点!我把react用mvn run build后把build的内容放在springboot项目下的resources文件夹,但是页面还是出不来。又把tomcat服务器复制一个8090端口,跑react,8080运行spring boot。还是8080出数据,没页面;8090有页面没数据。。。
9 个月之前 回复

react在端口3000启动,spring boot 在8080启动。package.json里加“proxy”: "http://localhost:8080"
数据就传给react了

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
SpringBoot和ReactJS项目集成开发
       前一阵子有前端管理台的开发需求,而之前前端涉及的较少,就找了一个现成的模版CoreUI,其中有ReactJS版本的模板,试了试就发现欲罢不能了。而后台为了开发便捷,还是选择了Spring Boot(其实还是选择Express玩JS全栈会更有意思)。        后续整理了一套基于maven和gradle的SpringBootReact开发模版示例,上传到了Github(Sprin...
React与Springboot整合问题整理。
1、从https://github.com/spring-guides/tut-react-and-spring-data-rest/tree/master/basic下载源码2、需要了解的知识点:springboot、react、babel、webpack、npm、maven3、遇到的问题(1)、数据存到了哪    查看maven配置文件pom.xml,里面有h2database的依赖。    ...
spring boot+iview 前后端分离架构之前端工程的构建以及IVIEW的引入(一)
iview工程构建写在博客前创建vue工程功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 写在博客前 在大家开始看本系...
Spring boot 整合SSM框架三层架构并前后台restful风格交互
pom.xml文件<?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/
用springboot和React做一个简单的前后端的小系统
idea下用springboot和React做一个简单的前后端的小系统首先建库(Mysql不知道怎么建的先学)创建Springboot项目(后台)创建React项目(前端)准备启动 首先建库(Mysql不知道怎么建的先学) 建立一个**test**数据库,然后创一个**user**数据表: 表结构如下: 创建Springboot项目(后台) 直接下一步 添加web模块 添加数据库模块: ...
spring笔记整合在一起的
spring笔记整合在一起的spring笔记整合在一起的spring笔记整合在一起的
玩转springboot:整合jpa教你简单crud
最近才开始关注了jpa这个操作数据库的框架,发现其实和其他的orm框架没有太大的区别,所以学习了一下,这里写一篇简单的springboot整合jpa的教程,做一个小小的记录。 这里以用户表User作为基本的操作数据库的实体类为例。 导入pom.xml的依赖 &amp;lt;dependency&amp;gt; &amp;lt;groupId&amp;gt;org.springframework.boot&amp;lt...
关于Springboot项目整合前端react框架遇到的问题梳理
        最近在做一个老项目的功能更新,因为之前的前辈将前后端同时写进了项目里,所以也顺便偷(bei)学(nue)了一波。 列了两个小问题,用于以后回顾: 项目中的图片显示不出来。       因为要在栏目中添加个首页功能,此时就要加入图片,新建了一个module之后,模仿另外的一个文件写了个一模一样的路径,然后把自己的图片放了进去,但是结果报了404,找不到图片无法显示: ...
banner自动生成工具,ascii文字展示
前言 post@ Ryan-Miao@github.io Spring-Boot里有个banner的功能,刚开始觉得很鸡肋。然而,现在觉得蛮有意思的。无聊的程序员。 生成文字 大部分工具只支持英文的库, 推荐使用在线库:http://www.network-science.de/ascii/ http://www.bootschool.net/ascii 比如这样: ${AnsiColor.BR...
SpringBoot整合多数据源
今天主要通过代码来演示一下在springboot中如何整合多个数据源,注意这里只是说整合多个数据源,不是真正意义上的分布式,所以这里的事务管理也不是真正意义上的分布式事务,这点需要搞清楚. 业务背景:在传统企业中,往往会涉及到一个业务中会查询多个数据库中的表,那么这里就产生了多数据源,比如接下来要演示的业务就是,有关和用户相关的都查询emp这个数据库,而和部门相关的都查询dept这个数据,看一下...
springboot整合redis做缓存
之前的项目中,用到过redis,主要是使用redis做缓存,redis在web开发中使用的场景很多,其中缓存是其中一个很重要的使用场景,之所以用作缓存,得益于redis的读写数据,尤其是在读取数据的时候是直接走内存的,这样在高并发访问数据的时候,和查询数据库相比,redis读取数据的高效性、快速性的优势可见一斑,据说新浪单是每天的所有内容的统计的总的访问数量可以达到上百亿次,这种场景下,如果没有r...
Spring集成React用来开发前端----maven项目中用webpack打包react相关组件
实施开发环境的搭建参考我的另一篇博文 Spring集成React用来开发前端—-SpringMVC + react 开发实时测试之前的文章主要介绍了react及如果使用,但是在spring开发中可能需要集成react到开发环境中,这里mark一下:主要参考spring+react ,其中的rest没有涉及。spring官网上主要是springBoot集成react,其实官网的reference要
使用Maven构建多模块,SpringBoot整合Mybatis、PageHelper
一、多模块项目结构。 springboot-mybatis-parent |——springboot-common    公共模块 |——springboot-dao            数据库操作模块 |——springboot-service       接口模块 |——springboot-web           控制器模块
Spring集成React用来开发前端----SpringMVC + react 开发实时测试
之前的博客主要是写了如何用maven将webpack功能开启用于打包react相关的组件成bundle.js,并把bundle.js导入HTML中,这里主要介绍一下如何在项目开发中随时查看react修改的效果,这里运行的project使用了springMVC;IDE用STS(spring tool suite,Eclipse类似);React在Atom中修改;测试结果在chrome浏览器。 之前我尝
Spring-boot教程(十四)多模块项目遇到的整合问题
1、多模块项目只能在程序启动所在的模块有application,所以对于多模块项目来说,必须解决各个模块的配置文件能够被项目正确读取的问题。 这里采用@Configuration手动配置各种第三方框架,如mysql、mybatis、redis.... 这里采用@PropertySource指定注入的属性文件和@ConfigurationProperties(prefix = &quot;activemq...
采用springboot+flowable快速实现工作流
前言 工作流框架大家一定不陌生,各种OA系统里我们常常用到。 对于JAVA领域来说一说起工作流框架第一浮现我在脑海中的便是大名鼎鼎的Activiti了。很久以前学习Activiti框架时我也曾记录过一篇文章。见链接:工作流框架Activiti常用功能初探 尽管当时只是学习了一下在之后的相关工作和项目中并没有用到,通过学习后了解了下, 仅对于知识广度进行了扩宽。...
springboot学习(二)springboot项目整合前端,添加jsp的访问
摘要:    上一篇讲了idea创建springboot项目,并打包部署到tomcat中,接下来将会继续上次sprintboot项目来调整框架,对前端的整合。(上一篇链接:http://blog.csdn.net/u010775025/article/details/79173526) 一、在application.properties中定义好访问jsp文件的配置      spring
史上最全的React全家桶+Spring Boot(JAVA)分布式实战(一)
![在这里插入图片描述](https://img-blog.csdn.net/20181014102033799?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzQwNDY2Nw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70) 很多小伙伴都比较疑问,...
springboot 前后分离项目 合并打包
自动化构建 前后端项目合并 事情经过:当时想到前端打包一次。我这里就要发布一次。然后在放到static中。实在太过麻烦。在想。能不能在maven中一下就成功。想了一下 思路: maven 中 提供了一个包 exec-maven-plugin。可以在本地执行命令 于是有了后面的结果 首先第一步: 你需要在项目src/main 目录下创建一个 webapp文件夹 并且把前端代...
SpringBoot整合ActiveMQ消息队列和双向队列、点对点与发布订阅
ActiveMQ 是Apache出品,最流行的,能力强劲的开源消息总线。ActiveMQ 是一个完全支持JMS1.1和J2EE 1.4规范的 JMS Provider实现,尽管JMS规范出台已经是很久的事情了,但是JMS在当今的J2EE应用中间仍然扮演着特殊的地位。 1.添加SpringBoot集成ActiveMQ所需依赖 &lt;!-- activeMQ--&gt; &lt;dep...
SpringBoot 开发前后端在一起的项目
在我们的开发中,经常有这样的需求,我们的项目只需要一个简单的展示页面,如果采用前后端分离的方式,就有点太费事了,所以我们选择在项目中直接添加静态资源。 我们在写controller的时候,就不用@RestController了,用@Controller既可以了,我们需要返回前端页面,直接返回ModelAndView 指向一个页面即可。 @RequestMapping(value = ...
spring boot之jsp整合
spring boot添加jsp支持(源码)
Spring Boot整合Spring Cloud实现微服务架构学习(一)
  本文版权归作者所有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接出处:https://blog.csdn.net/qq_3076499,否则保留追究法律责任的权利。 如果文中有什么错误,欢迎指出。以免更多的人被误导。 如果对您有帮助 ,请多多支持.多少都是您的心意与支持,一分也是爱,再次感谢!!!打开支付宝首页搜“556723462”领红包,领到大红包的小伙伴...
尚硅谷 Spring Boot视频教程(下)整合篇
尚硅谷Spring Boot视频教程(下)整合篇 尚硅谷Spring Boot视频教程(下)整合篇 尚硅谷Spring Boot视频教程(下)整合篇
SpringBoot整合日志
文章目录添加依赖在以下目录添加logback.xml使用注解 在这里只是演示如何搭建,详细情况参照一下链接: 日志详解 添加依赖 &amp;amp;amp;lt;!-- 添加日志 --&amp;amp;amp;gt; &amp;amp;amp;lt;dependency&amp;amp;amp;gt; &amp;amp;amp;lt;groupId&amp;amp;amp;gt;org.springframework.boot&amp;amp;amp;lt;/groupId&amp;amp;amp;gt;
Spring Boot 集成mybatis
Spring Boot 集成mybatis,Spring Boot和mybatis整合的开发
springboot 入门(二) 整合jsp页面
1.新建springboot工程,默认选择springboot 2.0,添加webapp文件夹并指定web resource2.修改springboot的配置文件#指定端口号 server.port=8888 #指定视图解析路径前缀 spring.mvc.view.prefix=/WEB-INF/jsp/ #指定视图解析后缀 spring.mvc.view.suffix=.jsp3.添加sprin...
springboot整合mybatis超详细教程
开头一个坑~ 关于properties乱码问题,解决办法。。都设置成utf-8 1.准备工作:创建springboot项目或者导入依赖包 这四个是要勾选的或者直接导入依赖包,放到pom.xml下面哦 &amp;lt;dependency&amp;gt; &amp;lt;groupId&amp;gt;mysql&amp;lt;/groupId&amp;gt; &amp;lt;artifac...
尚硅谷 spring boot整合篇
最新尚硅谷spring boot整合篇 最新尚硅谷spring boot整合篇 最新尚硅谷spring boot整合篇
springboot整合springsecurity小demo
关于springboot整合springsecurity的小demo,如需要连接数据库,可以去网上自己稍微看一下
spring boot 整合常用技术
spring boot 常用技术整合 spring boot、swaager、mybatis、redis
spring boot 定时任务源码
spring boot 定时任务的源码,spring boot 整合定时任务
spring boot(九)整合activiti工作流(二)
前言 上一篇作了一个简单的环境介绍,这里开始自己定义一个工作流。我用的开发工具是idea。 1、定义自己的工作流bpmn文件 安装bpmn插件: 我用的开发工具是idea,如果你用的eclipse可以直接参考官网的安装方法。 首先下载activti插件- actiBPM File - settings-plugins-Browse-Repositories 搜索 actiBPM 双...
spring boot整合activiti modeler 实例
spring boot整合activiti modeler实例源码下载,spring boot整合activiti modeler实例源码下载
spring boot整合mybatis的详细实例
刚刚接触spring boot就发现spring boot的强大,简单、易用,非常适合开发一些小的系统模块。在此记录一下自己学习的内容。 **spring boot整合mybatis** spring boot 整合 mybatis 的搭建: 1、新建maven工程,配置pom文件:<parent> <groupId>org.springframework.boot</groupI
springboot_demo-1.rar
eclipse下spring boot 整合 mybatis、mysql,eclipse下spring boot 整合 mybatis
fronted-maven-plugin node npm
fronted-maven-plugin node npm angular cli spring boot整合;fronted-maven-plugin node npm angular cli spring boot整合
Spring Boot Dubbo 整合和入门理解
Spring Boot Dubbo 整合和入门理解
Spring Boot整合Quartz定时器
Spring Boot是现在很热门的一个微服务框架,作为一名Java Web 开发工程师,是必须要掌握它的。本系列课程会一步一步教大家如何使用Spring Boot,以及Spring Boot如何整合其它技术。
Spring Boot整合Swagger
Spring Boot是现在很热门的一个微服务框架,作为一名Java Web 开发工程师,是必须要掌握它的。本系列课程会一步一步教大家如何使用Spring Boot,以及Spring Boot如何整合其它技术。