CentOS下Nginx部署React静态应用

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CentOS下Nginx部署React静态应用相关的知识,希望对你有一定的参考价值。

查看CentOS版本:

cat /etc/redhat-release

安装nginx

yum install nginx

查看nginx版本:

nginx -v

启动nginx:

systemctl start nginx

nginx默认发布目录:

cd /usr/share/nginx/

 

由于是单页应用虚拟路由的原因,需要将nginx的所有请求都转发到index.html页面,所以需要修改配置文件:

server {
        listen       80 default_server;
        listen       [::]:80 default_server;
        server_name  _;
        root         /usr/share/nginx/html;

        # Load configuration files for the default server block.
        include /etc/nginx/default.d/*.conf;

        location ~* html {
            rewrite .* /index.html break;
            root /usr/share/nginx/html/;
        }

        error_page 404 /404.html;
            location = /index.html {
        }

        error_page 500 502 503 504 /50x.html;
            location = /50x.html {
        }
    }

 

以上是关于CentOS下Nginx部署React静态应用的主要内容,如果未能解决你的问题,请参考以下文章

在Centos7上部署Tomcat及其负载均衡

将react项目打包成静态页面部署到nginx服务器

centos7下部署node应用程序

React 应用的 Nginx 缓存控制

线上项目部署

如何在 AWS Elastic Beanstalk 上使用 Nginx、React、Webpack、Gunicorn、PostgreSQL、Django 和 DRF 部署应用程序?如何使用此应用程序处