react 构建后 tomcat服务部署

最新推荐文章于 2021-08-03 17:13:24 发布
最新推荐文章于 2021-08-03 17:13:24 发布
阅读量1.2k 收藏 1
点赞数
分类专栏： react 后端 tomcat服务部署 文章标签： npm run build tomcat
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_32719215/article/details/100113666
版权

react 构建后tomcat服务部署

  • 在项目下执行npm run build ,生成构建后的部署文件 build目录文件
    在这里插入图片描述

  • 将该文件放置到本地tomcat 的运行目录下myapp ,myapp 里面内容为build目录下内容。

  • tomcat下server.xml配置 服务访问host name ,ip,context的docBase
    在这里插入图片描述

  • 启动tomcat,访问服务
    在这里插入图片描述

溪岚画
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
unicode-converter-UI:该UI是用react.js构建的，可与服务器通信以转换文档
05-12
如何建造。 REACT_APP_BACKEND_HOST = npm运行构建 在src / main / webapps / index.jsp中打开index.jsp 使用正确的新名称编辑css和js文件名。 编译UnicodeConverter.war ... 部署在tomcat Web应用程序中
不使用脚手架在tomcat中部署react项目踩坑记
qq_29049843的博客
10-18 582
终于明白了，原来一个bundle.js真的就够了，再也不用把react的所有东西都部署到服务器上了。之前项目的例子就是直接把react整个项目部署到服务器上，当时特别懵，因为这样的话，bundle.js存在的意义到底是啥？现在终于知道怎么部署了，开心~~~ 重点1 比如react中的根目录为 <Route path="/react-demo"> 则在tomcat的webapps下的文...
java reactjs_java – 如何在Tomcat服务器上部署reactJS应用程序
weixin_34873798的博客
02-24 230
我是reactjs的新手,我想在tomcat服务器上部署我的reactjs应用程序而不是在反应服务器上运行,默认端口是3000.我运行npm serve命令来运行npm本地服务器,但需要使用tomcat服务器访问该应用程序.请给我任何建议.谢谢解决方法:npm run build可以触发构建过程但是它会生成代码,假设基本url没有任何相对路径,但是如果我想部署到我的服务器中的相对路径怎么办？所以我...
react项目服务器Tomcat,tomcat部署react项目的方法
weixin_42101641的博客
08-03 1858
tomcat部署react项目的方法发布时间：2020-12-16 09:44:42来源：亿速云阅读：151作者：小新这篇文章主要介绍了tomcat部署react项目的方法，具有一定借鉴价值，需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。tomcat部署react项目的方法：首先使用“npm run build”将项目打包；然后把打包后的文件夹中内容放到t...
webpack打包react项目发布到Tomcat下
chenqk_123的专栏
12-16 2697
前阶段做react项目，项目的架构使用create-react-app去创建的项目，技术选型react4+antd，来构建项目。在开发阶段基本上是在本地进行的测试，在package.json中配置的代理，这样就可以在本地调试服务器上的接口，接口已经对接成功，现在到了要发布测试了，不能在本地搞了，就选择使用webpack打包工具，将项目进行打包，然后丢到Tomcat下就能运行。理想是美好的，现实是残...
React编译后放入tomcat中运行
java_han的专栏
03-17 942
1.前端React编译成功后,找到其文件，如下图所示: 2.找到一个能启动的tomcat,将dist里面的文件放入到webapps/ROOT/目录下，如下图所示: 3.这时启动你的访问URL，就可以了,如下图所示： ...
xmljava系统源码-wjsp:WEBPACK+JSP构建多页应用
06-05
传统的单页应用在Tomcat等容器下无法进行服务端渲染到达SEO的效果。本项目工程很好融合的传统JSP页面服务端渲染的特点和单页应用开发特性且极易上手使用! 源码地址 Demos与文档 特性 多页应用 JSP嵌套 el表达式 ...
vb数控加工技术教学素材资源库的构建(源代码+论文).rar
最新发布
01-13
资源内容：项目全套源码+完整文档 源码说明： 全部项目源码都是经过测试校正后百分百成功运行。 SpringBoot 毕业设计，SpringBoot 课程设计，基于...部署环境：Tomcat（建议用 7.x 或者 8.x b版本），maven 
ASP.NET基于Ajax+Lucene构建搜索引擎的设计和实现(源代码+论文).rar
12-29
资源内容：项目全套源码+完整文档 源码说明： 全部项目源码都是经过测试校正后百分百成功运行。 SpringBoot 毕业设计，SpringBoot 课程设计，基于...部署环境：Tomcat（建议用 7.x 或者 8.x b版本），maven 
Java版水果管理系统源码-jenkins-json-build:本项目依赖JenkinsSharedLibraries机制，使用JSON配置
06-05
.NET、Android、iOS等，部署环境也是多种多样比如Tomcat、K8S、IIS、客户端应用是局域网内企业证书安装等，我们没有专门的配置管理员或构建部署专员，都是开发人员自己在Jenkins中写构建脚本，每个项目都有自己的...
react项目热部署搭建
01-23
react项目热部署搭建，支持无刷新提交，可以在浏览器上显示
记一次react部署的问题
有朝一日能上岸的博客
04-21 227
记一次react部署的问题react部署到tomcatreact部署到nginx403错误1403错误2空白页问题 react部署到tomcat 正常安装完tomcat后，将react项目打包好（npm run build）后，将dist文件夹以及html文件上传至webapps目录下即可。 react部署到nginx 部署到nginx其实相对而言要简单一点，上传到你想存放文件的位置后，再到nginx.conf中配置即可。期间可能会出现403的错误，这个也很好处理，我遇到了两种情况： 403错误1 首先你应
react项目服务器Tomcat,tomcat如何部署react项目
weixin_34138102的博客
08-03 354
tomcat部署react项目的方法：首先使用“npm run build”将项目打包；然后把打包后的文件夹中内容放到tomcat中webapps下的Root中；最后开启服务器访问“localhost:8080”端口即可。本教程操作环境：windows7系统、tomcat10.0&&react17.0.1版本，该方法适用于所有品牌电脑。推荐：《react视频教程》tomcat部署r...
React项目部署在Tomcat中的方法
热门推荐
Jack汪喆的技术分享栏
08-15 1万+
博主辛辛苦苦敲的react代码，结果想部署到Tomcat中一直都无法显示。之后便走访百度、谷歌，终于找到了项目部署失败的原因，下面将进行一下总结。 部署方法： 使用npm run build将项目打包 把打包后的文件夹中内容放到tomcat中webapps下的Root中 开启服务器访问localhost:8080端口即可以看到你的项目内容 不放置在Root目录下的坑： 由于默认...
通过create-react-app创建的react项目，build以后，在tomcat中部署配置
佛缘的技术专栏
03-21 5385
最近一直做react项目，但是老版本是java的，新版本是react，因为项目没有整体移植，因此，就出现了javaweb和react共存的情况。说说我的操作方式：1，先build项目。2，上传build后的项目内容到webapps文件夹中的ROOT中，ROOT原有文件全部删除。我的目的是要在根目录访问，因此要用到ROOT文件夹。如果和我的不一样的，需要配置一下路由啦。3，单纯这样，可能在访问时会出...
react打包部署到tomcat后，首次加载时首页空白
X北辰北的博客
01-04 2216
问题描述：         当把react项目打包部署到tomcat的时候，在浏览器访问时发现之前设置为主页的路由模块并没有加载，需要我们点击这个模块后才可以加载，而且点击浏览器的刷新按钮时，直接报错。   解决方法： 将路由的引用改为“HashRouter as Router”就可以，如图：   参考地址： https://blog.csdn.net/bbsyi/article...
tomcat部署react前端项目(放到ROOT文件夹内)
续得木槿的博客
07-06 1415
一、安装tomcat https://tomcat.apache.org/ 配置环境 JAVA_HOME:环境变量，并且配置到jdk的目录 配置完成之后，找到tomcat的bin文件夹里的startup.bat，双击之后运行，会出现小黑框（不要关闭，关闭相当于关掉tomcat） 浏览器访问http://localhost:8080 或者 http://127.0.0.1:8080/localhost，如果出现页面证明启动成功 二、react 项目打包，得到build文件夹
react+redux框架配置从无到有直到正常运行全流程（上）
你看那个程序员的背影
01-18 8726
写于：2017-1-18完整干净demo地址：coding.net/u/java_luo/p/react_luo/git技术栈： react，redux，webpack，eslint，babel，antd(蚂蚁金服ui)1、前期准备①、windows系统，本框架是在windows系统下配置的 ②、SublimeText， 用的这个编辑器 ②、安装node.js ③、创建一个文件夹，用node
java项目部署前后端
08-20
- 配置应用服务器：将构建好的JAR文件或WAR文件部署到应用服务器（如Tomcat或Jetty）中，应用服务器负责运行Java应用程序并处理HTTP请求。 3. 配置反向代理（可选）： - 如果前端和后端是分开部署的，可以使用...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值