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

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

多谢了!

0

2个回答

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

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

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

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
基于JVM使用React.js和Spring Boot建立同构的Web应用
这是一个展示如何使用Java的Spring Boot实现预渲染前端MVC(MVC-frontend)的同构Web应用开源项目:winterbe/spring-react-example · GitHub 所谓同构Isomorphic应用是指Javacript在客户端和服务器端同时运行,后端和前端同享相同的代码。 传统Web应用是在服务器端产生HTML,然后发往客户端,后来这被客户端
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的依赖。    ...
关于Springboot项目整合前端react框架遇到的问题梳理
        最近在做一个老项目的功能更新,因为之前的前辈将前后端同时写进了项目里,所以也顺便偷(bei)学(nue)了一波。 列了两个小问题,用于以后回顾: 项目中的图片显示不出来。       因为要在栏目中添加个首页功能,此时就要加入图片,新建了一个module之后,模仿另外的一个文件写了个一模一样的路径,然后把自己的图片放了进去,但是结果报了404,找不到图片无法显示: ...
【SpringBoot】整合SSM框架
学习Spring Boot框架,想必已经感受到该框架带来的快感,接下来教你如何快速搭建Spring、SpringMvc、Mybatis框架整合。1.项目构建 2.sql文件/* MySQL Backup Source Server Version: 5.7.13 Source Database: springboot Date: 2018/3/14 10:28:39 */SET FOREIGN_K
Spring集成React用来开发前端----maven项目中用webpack打包react相关组件
实施开发环境的搭建参考我的另一篇博文 Spring集成React用来开发前端—-SpringMVC + react 开发实时测试之前的文章主要介绍了react及如果使用,但是在spring开发中可能需要集成react到开发环境中,这里mark一下:主要参考spring+react ,其中的rest没有涉及。spring官网上主要是springBoot集成react,其实官网的reference要
springboot多模块项目搭建之整合mybatis
序言 继续上一篇博客,除了dao层的相关的代码,service层和web层都已经编写完成,而且各个层之间依赖关系都已经加入了。不熟悉的同学可以看看我上一篇的博客,地址:https://blog.csdn.net/bicheng4769/article/details/83387389 集成mybatis 首先我们之前已经讲过了,所有的包都要放在父pom.xml的文件中,大家可以注意到maven中有...
Springboot+Vue 的前后端分离与合并方案
摘要: springboot+vue的前后端分离与合并 springboot和vue结合的方案网络上的主要有以下两种: 1. 【不推荐】在html中直接使用script标签引入vue和一些常用的组件,这种方式和以前传统的开发是一样的,只是可以很爽的使用vue的双向数据绑定,这种方式只适合于普通的全栈开发。 2.【推荐】使用vue官方的脚手架
Spring有多个配置文件整合一个
spring多个配置文件如何放到一起:
spring笔记整合在一起的
spring笔记整合在一起的spring笔记整合在一起的spring笔记整合在一起的
react与框架整合
结合网络相关文档,记载react如何与线下框架整合,大神请绕道 gulp+require+backbone+react,借鉴github上demo梳理一下 大神github地址 https://github.com/phodal/backbone-react 1.页面结构    与传统搭建无异,require加载入口文件 script data-main="src/script/
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 Dubbo 整合和入门理解
Spring Boot Dubbo 整合和入门理解
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...
使用idea整合 spring boot 和jsp详细教程
使用idea整合springboo和jsp详细教程 项目开发过程中用到springboot整合jsp,在自己百度了一堆网上的教程之后发现,在整合的过程中还是会出现问题,最主要的问题就是404,经过半天的努力之后,自己终于能够整合成功了,所以写个教程; 第一步:使用idea创建一个springboot项目: 具体创建过程比较简单,这里就不多说; 第二步:添加依赖: 我本...
springboot 整合分页
pom.xml配置      <!-- 分页 --> <dependency> <groupId>com.github.pagehelper</groupId> <artifactId>pagehelper-spring-boot-starter</artifactId> <version>1.2.3&
深入Spring Boot (十一):整合Redis详解
Spring Boot为Redis的Lettuce和Jedis客户端库提供了基本的自动配置,并且可以使用Spring Data Redis完成更多的操作。本篇将介绍如何整合Redis及使用Redis实现简单的查询缓存,主要包括以下7部分内容: 缓存 Redis Lettuce Spring Data Redis Spring Cache 整合Redis 小结 缓存 个人理解的缓存是指...
SpringBoot 开发前后端在一起的项目
在我们的开发中,经常有这样的需求,我们的项目只需要一个简单的展示页面,如果采用前后端分离的方式,就有点太费事了,所以我们选择在项目中直接添加静态资源。 我们在写controller的时候,就不用@RestController了,用@Controller既可以了,我们需要返回前端页面,直接返回ModelAndView 指向一个页面即可。 @RequestMapping(value = ...
SpringBoot————快速整合Hibernate框架
本篇博客源码地址:https://github.com/DragonWatcher/ease-run 概述 Hibernate与JPA 本篇博客中的web项目选用Hibernate作为持久层框架。在Spring Boot中,我们需要了解另一个概念:JPA 上一句话可能有些歧义,并不是说JPA就是Spring Boot中的概念。而是Java Persistence Api,中文译名为:Jav...
springboot学习(二)springboot项目整合前端,添加jsp的访问
摘要:    上一篇讲了idea创建springboot项目,并打包部署到tomcat中,接下来将会继续上次sprintboot项目来调整框架,对前端的整合。(上一篇链接:http://blog.csdn.net/u010775025/article/details/79173526) 一、在application.properties中定义好访问jsp文件的配置      spring
Spring Boot整合Spring Cloud实现微服务架构学习(一)
  本文版权归作者所有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接出处:https://blog.csdn.net/qq_3076499,否则保留追究法律责任的权利。 如果文中有什么错误,欢迎指出。以免更多的人被误导。 如果对您有帮助 ,请多多支持.多少都是您的心意与支持,一分也是爱,再次感谢!!!打开支付宝首页搜“556723462”领红包,领到大红包的小伙伴...
springMVC+mybatis整合, spring boot, spring cloud视频教程
springMVC、mybatis、maven整合视频教程 springboot 视频教程 springcloud 视频教程 集合
有关Springboot整合前端html问题,thymeleaf的使用
在写这篇博客的时候,我也走过很多springboot整合前端的坑,实在是不想让大家再次进入这样的坑,所有下面就是我的一些见解,有错大家请指正。首先我们要把 静态的资源文件加载在项目下resource文件夹下,当然springboot中不建议使用jsp作为页面展示。springboot默认是使用的thymeleaf模板引擎的使用thymeleaf在pom.xml中添加依赖:<dependenc...
SpringBoot非官方教程 | 第四篇:SpringBoot 整合JPA
JPA全称Java Persistence API.JPA通过JDK 5.0注解或XML描述对象-关系表的映射关系,并将运行期的实体对象持久化到数据库中。JPA 的目标之一是制定一个可以由很多供应商实现的API,并且开发人员可以编码来实现该API,而不是使用私有供应商特有的API。JPA是需要Provider来实现其功能的,Hibernate就是JPA Provider中很强的一个,应该说无人能出其
SpringBoot整合Angular第一弹-基础环境配置
视频课程地址: Spring Boot 整合 Angular 应用 创建一个 maven 项目(可使用 idea 或者其他编辑器) mvn archetype:generate -DgroupId=com.edurt -DartifactId=springboot-angular-integration -DarchetypeArtifactId=maven-archetype-quick...
使用spring boot搭建与dubbo整合项目
项目地址:https://github.com/BruceZhangXL/wolf 这是一个完整的使用spring boot搭建的整合dubbo的项目脚手架构建:maven 基础:spring-boot ORM:mybatis 数据库:MySQL 中间件:redis,rabbitMQ项目结构启动说明找到wolf-web下的Application类,右击:run as:java applic
SpringBoot之整合Spring Security,为自己的系统提供安全保障
by 杨乐需求:        1.权限控制:角色有多种角色,每个角色对应多个用户,每个角色又对应不同的菜单权限        2.资源控制:                        ①有些地址只能当用户登录之后才能访问                        ②有些地址可以对无状态用户开放,例如API                        ③对不同角色的用户的访问的权限进行控...
Redis学习(3.1)spring boot整合Redis速成
spring boot redis
SpringBoot整合Mybatis详细教程
一、准备工作 先在eclipse中导入mybatis的dtd约束: mybatis-3-config.dtd mybatis-3-mapper.dtd 导入方法如图: 新建一张数据表dept: DROP TABLE IF EXISTS `dept`; CREATE TABLE `dept` ( `deptno` bigint(20) NOT NULL AUTO_INCRE...
如何将springboot 服务整合到spring cloud?
待完善
教你 Shiro 整合 SpringBoot,避开各种坑
最近搞了下 Shiro 安全框架,找了一些网上的博客文章,但是一到自己实现的时候就遇到了各种坑,需要各种查资料看源码以及各种测试。 那么这篇文章就教大家如何将 Shiro 整合到 SpringBoot 中,并避开一些小坑,这次实现了基本的登陆以及角色权限,往后的文章也讲解了其他的功能,如 《教你 Shiro + SpringBoot 整合 JWT》 附上源码:https://...
Spring Boot 结合Bootstrap
Spring Boot结合Bootstrap框架,对页面呈现进行优化
基于Springboot技术开发OAuth2认证授权与资源服务器
设计并开发一个开放平台。 一、设计: 网关可以 与认证授权服务合在一起,也可以分开。 二、开发与实现: 用Oauth2技术对访问受保护的资源的客户端进行认证与授权。 Oauth2技术应用的关键是: 1)服务器对OAuth2客户端进行认证与授权。 2)Token的发放。 3)通过access_token访问受OAuth2保护的资源。 选用的关键技术:Springboot, Spring-...
spring boot整合redis实现缓存机制
一、引入redis和jpa application.properties配置如下: ################################################################# ###########################jpa的配置################################ ########################
springboot+ssm整合
使用了eclipse+maven整合springboot+spring+springMVC+MyBatis,环境是jdk1.8,使用eclipse导入就可以直接运行,代码简单易懂,适合新手熟悉springboot。
spring boot(八)整合activiti工作流(一)
1、添加依赖 <dependency> <groupId>org.activiti</groupId> <artif
Spring Boot整合Dubbo开发系列(一)----一个简单的示例
一、简介 昨天在网上发现了dubbo社区发布了Dubbo Spring Boot Starter 1.0.0 公测版,https://github.com/dubbo/dubbo-spring-boot-project 使用了springboot来开发,感觉应该很不错,然后就去试了下,发现dubbo-spring-boot-starter 底层依赖 Dubbo 2.5.9而2.5.9
Spring boot框架搭建+整合mybatis实现查询(详细讲解)
第一步创建项目:新建一个SpringBoot项目   修改一些名称打包要打成jar(Spring boot打成jar包和war包的区别https://blog.csdn.net/ljj_9/article/details/79423148)  其他默认:(最开始打成的war包建成项目后就报错了) 下一步:选择一个web就行了 然后点击Finish,这时候会下载很多Jar包。 ...
SpingBoot整合SpringCloud实现注册运行坑点整理
大家好,今天给大家总结一下我在使用SpringBoot整合SpringCloud时候遇见的一些问题,以及一些注意事项,其中很多事我亲测网上博文无效之后自己的解决方法,希望给遇到这个问题各位一个借鉴。废话就不多说了,什么介绍什么是springcloud,什么是springboot的这里就先不谈,至于怎么创建springcloud项目我也不想多说,直接百度,第一个博客里面说的很清楚,我这篇主要是以那篇...
Springboot入坑(一):快速搭建Springboot项目、整合Mybatis
如何快速搭建Springboot项目1.访问http://start.spring.io2.选择Maven Project ,然后选择Java ,然后选择Springboot版本,最后点击Generate Project生成Springboot项目如图3.将下载的包解压导入到自己的开发工具4.项目结构如下(部分是我自己加的):5.可以看一下 pom.xml,因为为们在搭建项目时选择了需要依赖的my...
Spring Boot整合solr,手把手教你使用solr
一、solr简介 Solr是一个独立的企业级搜索应用服务器,它对外提供类似于Web-service的API接口。用户可以通过http请求,向搜索引擎服务器提交一定格式的XML文件,生成索引;也可以通过Http Get操作提出查找请求,并得到XML格式的返回结果。solr现在支持多种返回结果,xml,phthon。 二、springboot整合solr 2.1  添加依赖 <...
文章热词 ReactJS ReactJS培训 ReactJS课程 ReactJS学习 ReactJS教程
相关热词 bootstrap与spring android boot文件在哪 +spring bootstrap 如何学python 小白如何学习python