react项目服务器Tomcat,tomcat部署react项目的方法
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项目的方法相关推荐
- 在tomcat中部署web项目
在tomcat中部署web项目 一.静态部署 静态部署指的是我们在服务器启动之前部署我们的程序,只有当服务器启动之后,我们的Web应用程序才能访问.以下3中方式都可以部署:? 1.将PetWeb目录拷 ...
- PHP项目部署在tomcat,在Tomcat中部署Web项目的操作方法(必看篇)
在这里介绍在Tomcat中部署web项目的三种方式: 1.部署解包的webapp目录 2.打包的war文件 3.Manager Web应用程序 一:部署解包的webapp目录 将Web项目部署到Tom ...
- 服务器使用Nginx部署Vue项目
服务器使用Nginx部署Vue项目 首先得购买个服务器,在这就不教怎么购买了,本文章使用的是阿里云轻量级服务器CentOS7.6 一.安装Nginx 1. 使用XShell连接我们的服务器 2. 配置 ...
- 发布react项目到linux服务器,nginx上部署react项目的实例方法
测试项目:react-demo 克隆你的react-demo项目到服务器上(默认使用Github管理我们的项目) 如果需要,请安装项目环境,比如:node.js,yarn等 进入项目目录,执行npm ...
- Tomcat手动部署Web项目详细步骤
阅读须知:文章基于Tomcat8,其它版本若有差异,请自行辨别.本文为博主原创文章,转载请附原文链接. 不借助任何IDE,这里介绍在Tomcat中手动部署web项目的三种方式: 1.部署解包的weba ...
- 在tomcat中部署mule项目
原文是在mule的官网上,在这里,我做了一个简单的翻译,水平有限,有什么不足的地方,请多多包涵~ 在Tomcat中安装Mule 为了可以热部署你的Mule应用,将Mule安装在Tomcat下需 ...
- 一般服务器监控什么项目,服务器中需要监控的项目
服务器中需要监控的项目 内容精选 换一换 对于非企业管理服务模板创建的资源,如果需要使用企业管理服务的功能,如应用监控.备份恢复,可通过纳管功能实现. 用户成功安装Agent插件后,推荐您采用&quo ...
- java 实现自动生成部署文档_jenkins的部署、实现自动拉取gitlab仓库代码、实现项目中代码自动部署以及项目关联触发......
jenkins主机内存和gitlab主机内存最好配置4G及以上,防止各自的web端打不开 1.配置JDK环境 1)jdk解压到此目录 [root@localhost src]# pwd /usr/lo ...
- nginx怎么部署php项目,nginx怎么正确部署前端项目
目的: nginx部署打包成为dist的前端项目 (学习视频分享:php视频教程) 相关知识:docker 安装与使用 docker pull nginx docker run --restart=o ...
- linux 运行php项目,如何在linux部署php项目
在linux部署php项目的方法:首先打开终端,安装php常用扩展:然后重启apache使php生效[apachectl restart]:最后测试php环境即可. 在linux部署php项目的方法: ...
最新文章
- Android 第三方图表类 MPChart 的使用
- 线结构光平面标定计算算子
- Jedis操作Redis数据库
- python和c先学哪个对于初中生来说-初中生想学编程,请问先学C语言好还是先学Python?...
- Mysql:一条sql是如何执行的?
- Linux 程序后台运行与删除
- c语言循环接收按键,C语言中,如何用键盘输入来退出循环
- 高中教师计算机水平要求,高中信息技术教师考试大纲
- oracle数据库中的回收站,Oracle回收站的清理方法
- 如何把用Word文档转换成PNG图片
- php word 生成图片,PHP导出word文档的简单实现方法(可导出图片)-Go语言中文社区
- java实现华氏温度和摄氏温度互相转换
- java计算机毕业设计校园共享单车系统源代码+系统+数据库+lw文档
- Vue3 中如何加载动态菜单?
- MySQL单表膨胀优化之MyCat分库分表
- 金蝶软件系统管理与维护常见问题
- 1 0.99999的悖论_公交车总迟到?你大概掉进了“等待时间悖论
- c语言循环中按键跳出,C语言跳出循环
- 排版设计之统一元素间隔
- 数据可视化-豆瓣影评数据分析(FineBI)
热门文章
- linux下常用命令查看端口占用
- python猴子选大王讲解_“猴子选大王”算法python实现
- 从0到1腾讯云服务器使用教程(新手入门)
- Github上传访问令牌申请(Personal access tokens)
- java ntohl_socket中的ntohl() 和ntohs() ,以及htonl()和htons()
- python构建有向图_Python无向、有向图的创建与使用
- sse java_SSE详解
- 通过pygame实现的python飞机大战项目
- java shiro盐值加密_shiro盐值加密并验证
- java图片灯箱,[WordPress教程]纯代码实现图片灯箱lightbox效果