SpringBoot + React 项目部署

spring-boot 加 react 项目部署简要流程

朋友新开小店帮忙开发了一套会员系统,用于用户会员管理。后台使用spring-boot ,前台是react ,部署时可能遇到一些问题,在这里分享一下,希望帮到有需要的人!

pom。xml

只用在pom.xml中配置就可以打包时生成jar包(项目名.jar文件),只要机器上安装了jdk(建议1.8及以上版本),直接在项目路径中,进入cmd窗口,输入命令 Java -jar demo.jar(demo.jar为jar包的名字),后台服务即可正常启动。

前台部署:新机器上没有环境,首先是配置项目环境。
1:下载安装node.js,安装后自带npm包管理工具。
2:安装完成后可以查看node和npm版本信息(node -v 和 npm -v)
3:自带npm效率慢,建议升级为yarn
3.1 npm install -g yarn 安装yarn包管理工具
3.2 yarn config get registry 查看所使用镜像,使用国内的淘宝镜像会快一些
3.3 yarn config set registry ‘https://registry.npm.taobao.org’ 切换为淘宝镜像
4:全局安装项目所需要的依赖包 yarn install
5:进入项目所在路径 yarn start即可启动项目
在这里插入图片描述

笔者这里项目内部的配置都已经写好,只要见到描述一下项目部署,用的不是很熟练,欢迎大家与我一起探讨,微信号 weixin526592205 ,添加时请备注,谢谢!

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: Spring Boot是一个用于创建独立的、基于Java的应用程序的框架,它可以简化Java应用程序的开发过程。它提供了一种快速开发的方式,以便我们可以轻松地构建和部署应用程序。Spring Boot通过自动配置和默认值来简化了很多常见任务,如数据库访问、控制器配置和依赖注入。同时,Spring Boot还提供了一套完整的开发工具,如Spring Boot CLI和Spring Initializr。 Vue是一个开源的JavaScript框架,用于构建用户界面。它提供了一套灵活的工具和能力,使开发人员可以轻松地构建交互式和高度可定制的Web应用程序。Vue借鉴了AngularJS和React的一些概念,同时还具有自己独特的特点,如轻量级和渐进式框架。Vue的核心库只关注视图层,因此它可以很容易地与其他库或现有项目集成。 Uni-app是一种基于Vue.js的开发框架,它能够快速地构建跨平台的应用程序。借助Uni-app,开发人员可以使用一套代码编写一次,然后在多个平台上部署,如iOS、Android、H5和微信小程序。这样,开发人员无需学习多个框架和语言,就可以高效地开发跨平台应用程序。 综上所述,Spring Boot是一个用于构建Java应用程序的框架,Vue是一个用于构建前端用户界面的JavaScript框架,而Uni-app是一个基于Vue.js的跨平台应用程序开发框架。结合使用Spring Boot、Vue和Uni-app,开发人员可以快速构建高效、可扩展和跨平台的应用程序。 ### 回答2: SpringBoot是一种开源的Java框架,它简化了Java应用程序的开发并提供了丰富的功能。它使用了约定优于配置的原则,使得开发者可以快速构建可靠的应用程序。SpringBoot可以用于构建各种类型的应用程序,包括Web应用程序。 Vue是一种流行的JavaScript框架,用于构建用户界面。它具有简洁的语法和灵活的架构,使开发者能够快速构建响应式的应用程序。Vue提供了丰富的工具和库,使得构建现代化的Web应用程序变得更加容易。 UniApp是一个基于Vue开发的跨平台应用程序框架。它提供了一个统一的开发环境,使得开发者可以使用Vue来构建同时运行在多个平台上的应用程序,包括iOS、Android和Web平台。UniApp具有高效的性能和良好的兼容性,使得开发者可以快速开发出高质量的跨平台应用程序。 在实际应用中,可以使用SpringBoot作为后端框架,提供数据和业务逻辑的处理。Vue和UniApp可以作为前端框架,负责展示和交互逻辑的实现。通过使用这些框架,可以实现前后端分离的架构,提高开发效率和代码的复用性。 总之,SpringBoot、Vue和UniApp是一些流行的开发框架,它们各自在后端前端开发领域具有独特的优势和特点。结合使用它们可以帮助开发者快速构建高质量的应用程序,提升开发效率和用户体验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值