React+SpringBoot项目部署

create-react-app

由npm install 安装生成的,为什么单独列出这个呢?这个是关键,因为要创建react,最普通的方式就是通过命令create-react-app projectname生成名为projectname的项目,那么idea为了方便大家快速搭建,需要用到reate-react-app中的index.js文件用来创建react应用,所以不清楚自己的create-react-app包在哪里的可以

npm root -g

第一步

第二步

这样我们就用create-react-app搭建了一个react项目。

可以使用npm start运行一个项目,打包是通过npm run build,这样会发现项目的文件夹里多了一个build文件夹。但是当你点击index.html之后,会发现打开的页面不对,这时只需要在package.json中加上homepage就行。

假如我们有个服务器地址www.1024s.top,你只需要访问它时就把index.html返回出去就行了,而服务器是用springboot搭建的,而springboot返回html页面也很简单,在resource目录下新建一个public文件夹,然后把你React打包的build文件夹里的文件都丢进去就行。

 

最后欢迎大家访问我的个人网站:1024s​​​​​​​

 

 

 

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
对于你的问题,可以使用Spring Boot开发一个进度管理系统。你可以按照以下步骤来实现: 1. 确定需求:明确系统的功能和特点,比如项目列表、进度管理、任务分配、团队成员管理等。 2. 创建Spring Boot项目:使用Spring Initializer创建一个新的Spring Boot项目,并添加所需的依赖,例如Spring Web、Spring Data JPA等。 3. 设计数据库模型:根据需求设计数据库模型,包括项目、任务和团队成员等实体,使用JPA注解进行映射。 4. 实现业务逻辑:编写相应的控制器、服务和存储库类来处理请求和操作数据库。例如,创建项目、添加任务、分配任务给团队成员等。 5. 开发前端界面:使用前端框架(如React、Angular或Vue.js)开发用户界面,包括项目列表、任务管理和团队成员管理等功能。 6. 实现进度管理功能:根据需求,实现任务的状态更新、进度百分比计算等功能。 7. 完善系统功能:添加用户认证和授权机制,确保只有授权用户才能访问系统功能。 8. 进行测试和调试:编写单元测试和集成测试来验证系统的功能和稳定性,并进行修复和调优。 9. 部署和运行:将应用程序部署到服务器上,并进行配置和启动。 10. 进行维护和优化:根据用户反馈和需求变化,持续进行系统的维护和优化工作。 以上是一个基本的开发流程,你可以根据具体需求和技术选择进行适当的调整。祝你开发顺利!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值