react 项目部署启动的方法

一、使用serve服务启动

1，安装serve

npm install -g serve

2.进入项目目录，启动

serve -s -d -n -l 5000 （5000是指定的端口号）

需要切换到项目目录下执行以上命令：

执行结果：

--help 可以查看命令帮助

二、使用nginx作为服务启动

1.安装nginx（见连接）

nginx安装

2.配置

vim  /etc/nginx/nginx.conf

加入如下配置：

server {

                listen 443;

                server_name  xx.xxx.com;

                root /var/www/web-cloud;

                ssl_certificate "/xxx.pem";

               ssl_certificate_key "/xxx.key";

               ssl_protocols      TLSv1 TLSv1.1 TLSv1.2;

             ssl_ciphers        HIGH:!aNULL:!MD5;

                index index.html;

                location ~ ^/favicon\.ico$ {

                        root /var/www/web-cloud;

                }

                location / {

                        try_files $uri $uri/ @fallback;

                        index index.html;

                        proxy_set_header  Host            $host;

                        proxy_set_header  X-Real-IP        $remote_addr;

                        proxy_set_header  X-Forwarded-For  $proxy_add_x_forwarded_for;

                        proxy_set_header  X-Forwarded-Proto  $scheme;

                }

                location @fallback {

                        rewrite ^.*$ /index.html break;

                }

                access_log  /opt/local/access.log  main;

        }