如何将react工程部署到云服务ECS

1、安装nginx

yum install nginx

安装后目录： /etc/nginx

2、上传SSL证书

cd /etc/nginx#创建一个文件夹 cert 并将证书两个文件 xxx.key xxx.pem 上传到此文件夹mkdir cert/

3、配置nginx

vi nginx.conf#在http 节点中确认是否有以下内容，没有则添加include /etc/nginx/conf.d/*.conf;

cd conf.dvi yourdomain.conf#yourdomain.conf内容如下server {    listen 80;    server_name www.yourdomain.com;    rewrite ^(.*)$ https://$host$1 permanent;}server {    listen 443 ssl;    server_name www.yourdomain.com;    root /www/yourWebsite/;    ssl_certificate "/etc/nginx/cert/xxx.pem";      ssl_certificate_key "/etc/nginx/cert/xxx.key";    ssl_session_timeout 5m;    ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;    ssl_protocols TLSv1 TLSv1.1 TLSv1.2;    ssl_prefer_server_ciphers on;    location / {        index  index.php index.html index.htm;        try_files $uri $uri/ /index.html;    }      location ~ /\.ht{        deny all;    }}

4、编译项目并上传

npm run build

在react项目内编译项目，以编译结果放到 build 文件夹为例，编译结束后，将build 文件夹的内容(下图红框内)上传至上述 /www/yourWebsite 文件夹中

5、设置文件夹权限

chmod -R 755 /www/yourWebsite

6、重启nginx

#第一次启动systemctl start nginx.service#非第一次启动nginx -s reload或者systemctl restart nginx.service