tomcat部署react项目的方法

发布时间:2020-12-16 09:44:42

来源:亿速云

阅读:151

作者:小新

这篇文章主要介绍了tomcat部署react项目的方法,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。tomcat部署react项目的方法:首先使用“npm run build”将项目打包;然后把打包后的文件夹中内容放到tomcat中webapps下的Root中;最后开启服务器访问“localhost:8080”端口即可。

tomcat部署react项目

部署方法:使用npm run build将项目打包

把打包后的文件夹中内容放到tomcat中webapps下的Root中

开启服务器访问localhost:8080端口即可以看到你的项目内容

不放置在Root目录下的坑:

由于默认path.js【路径:你的react项目名\node_modules\react-scripts\config\path.js】的配置是’/’即对根目录有效,所以如果不放在root下则需要将’/’变成’./’即相对路径有效。(修改代码约在第45行)

此时你可以通过localhost:8080/项目名 进行访问你的react项目

感谢你能够认真阅读完这篇文章,希望小编分享tomcat部署react项目的方法内容对大家有帮助,同时也希望大家多多支持亿速云,关注亿速云行业资讯频道,遇到问题就找亿速云,详细的解决方法等着你来学习!

react项目服务器Tomcat,tomcat部署react项目的方法相关推荐

  1. 在tomcat中部署web项目

    在tomcat中部署web项目 一.静态部署 静态部署指的是我们在服务器启动之前部署我们的程序,只有当服务器启动之后,我们的Web应用程序才能访问.以下3中方式都可以部署:? 1.将PetWeb目录拷 ...

  2. PHP项目部署在tomcat,在Tomcat中部署Web项目的操作方法(必看篇)

    在这里介绍在Tomcat中部署web项目的三种方式: 1.部署解包的webapp目录 2.打包的war文件 3.Manager Web应用程序 一:部署解包的webapp目录 将Web项目部署到Tom ...

  3. 服务器使用Nginx部署Vue项目

    服务器使用Nginx部署Vue项目 首先得购买个服务器,在这就不教怎么购买了,本文章使用的是阿里云轻量级服务器CentOS7.6 一.安装Nginx 1. 使用XShell连接我们的服务器 2. 配置 ...

  4. 发布react项目到linux服务器,nginx上部署react项目的实例方法

    测试项目:react-demo 克隆你的react-demo项目到服务器上(默认使用Github管理我们的项目) 如果需要,请安装项目环境,比如:node.js,yarn等 进入项目目录,执行npm ...

  5. Tomcat手动部署Web项目详细步骤

    阅读须知:文章基于Tomcat8,其它版本若有差异,请自行辨别.本文为博主原创文章,转载请附原文链接. 不借助任何IDE,这里介绍在Tomcat中手动部署web项目的三种方式: 1.部署解包的weba ...

  6. 在tomcat中部署mule项目

    原文是在mule的官网上,在这里,我做了一个简单的翻译,水平有限,有什么不足的地方,请多多包涵~   在Tomcat中安装Mule   为了可以热部署你的Mule应用,将Mule安装在Tomcat下需 ...

  7. 一般服务器监控什么项目,服务器中需要监控的项目

    服务器中需要监控的项目 内容精选 换一换 对于非企业管理服务模板创建的资源,如果需要使用企业管理服务的功能,如应用监控.备份恢复,可通过纳管功能实现. 用户成功安装Agent插件后,推荐您采用&quo ...

  8. java 实现自动生成部署文档_jenkins的部署、实现自动拉取gitlab仓库代码、实现项目中代码自动部署以及项目关联触发......

    jenkins主机内存和gitlab主机内存最好配置4G及以上,防止各自的web端打不开 1.配置JDK环境 1)jdk解压到此目录 [root@localhost src]# pwd /usr/lo ...

  9. nginx怎么部署php项目,nginx怎么正确部署前端项目

    目的: nginx部署打包成为dist的前端项目 (学习视频分享:php视频教程) 相关知识:docker 安装与使用 docker pull nginx docker run --restart=o ...

  10. linux 运行php项目,如何在linux部署php项目

    在linux部署php项目的方法:首先打开终端,安装php常用扩展:然后重启apache使php生效[apachectl restart]:最后测试php环境即可. 在linux部署php项目的方法: ...

最新文章

  1. Android 第三方图表类 MPChart 的使用
  2. 线结构光平面标定计算算子
  3. Jedis操作Redis数据库
  4. python和c先学哪个对于初中生来说-初中生想学编程,请问先学C语言好还是先学Python?...
  5. Mysql:一条sql是如何执行的?
  6. Linux 程序后台运行与删除
  7. c语言循环接收按键,C语言中,如何用键盘输入来退出循环
  8. 高中教师计算机水平要求,高中信息技术教师考试大纲
  9. oracle数据库中的回收站,Oracle回收站的清理方法
  10. 如何把用Word文档转换成PNG图片
  11. php word 生成图片,PHP导出word文档的简单实现方法(可导出图片)-Go语言中文社区
  12. java实现华氏温度和摄氏温度互相转换
  13. java计算机毕业设计校园共享单车系统源代码+系统+数据库+lw文档
  14. Vue3 中如何加载动态菜单?
  15. MySQL单表膨胀优化之MyCat分库分表
  16. 金蝶软件系统管理与维护常见问题
  17. 1 0.99999的悖论_公交车总迟到?你大概掉进了“等待时间悖论
  18. c语言循环中按键跳出,C语言跳出循环
  19. 排版设计之统一元素间隔
  20. 数据可视化-豆瓣影评数据分析(FineBI)

热门文章

  1. linux下常用命令查看端口占用
  2. python猴子选大王讲解_“猴子选大王”算法python实现
  3. 从0到1腾讯云服务器使用教程(新手入门)
  4. Github上传访问令牌申请(Personal access tokens)
  5. java ntohl_socket中的ntohl() 和ntohs() ,以及htonl()和htons()
  6. python构建有向图_Python无向、有向图的创建与使用
  7. sse java_SSE详解
  8. 通过pygame实现的python飞机大战项目
  9. java shiro盐值加密_shiro盐值加密并验证
  10. java图片灯箱,[WordPress教程]纯代码实现图片灯箱lightbox效果