react项目部署

安装环境—nginx

1、命令行安装：yum -y install nginx ；简单快捷（nginx并没有在centos官方的yum源中；
可以通过sudo yum install epel-release命令添加epel源，这个是基于Fedora的一个项目，为“红帽系”的操作系统提供额外的软件包）。
编译安装需自行配置插件环境，安装教程。
2、命令行安装后配置文件在 /etc/nginx/，进入打开nginx.conf文件，编辑配置，配置示例；
命令行安装后启动文件在/usr/sbin/nginx。
如果是编译安装则都在解压安装后的文件夹中。
3、修改端口号，资源文件路径，如有必要需修改路由代理，如：
location /api {
proxy_pass http://172.20.10.29:8081/api/v1/;
}
4、开放服务器端口方法：
开放端口：iptables -I INPUT -p tcp --dport 8889 -j ACCEPT
查看端口：iptables -nL
若服务器已开启防火墙，开启端口方法；
5、启动nginx：
重加载：nginx -s reload
停止：nginx -s stop
暂停：nginx -s quit
启动：/usr/sbin/nginx

安装环境—Tomcat

1、下载Linux版Tomcat，解压gz包：tar -zxvf apache-tomcat-9.0.45.tar.gz；
2、修改Tomcat配置文件，conf中server.xml，配置示例；
3、前端资源文件包放在webapps目录下。
4、如果项目打包好之后是直接放在tomcat，那么需要在打包好的项目根路径下面创建WEB-INF文件夹，并在文件夹里面新建一个web.xml，写入以下内容：

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
         version="3.1" metadata-complete="true">
    <display-name>Router for Tomcat</display-name>
    <error-page>
        <error-code>404</error-code>
        <location>/index.html</location>
    </error-page>
</web-app>

打包

1、检查文件代码无错，修改配置文件，后台URL路径；
2、打包命令：npm run build；进入dist文件：cd ./dist；压缩文件包： jar -cvf dist.war *；
3、拷贝dist.war包放入服务器中；
4、打包时问题，若内存溢出，可考虑set NODE_OPTIONS=–max_old_space_size=4096；增加node运行内存。