如何在Ubuntu上布署react项目

最新推荐文章于 2025-11-07 09:09:03 发布

原创最新推荐文章于 2025-11-07 09:09:03 发布 · 703 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#react #linux #nginx

React开发专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何使用npm run build命令打包React项目，并通过安装和配置Nginx实现项目的静态资源托管。详细步骤包括安装Nginx、修改nginx.conf配置文件、重启Nginx服务及访问项目。

打包好react项目

npm run build

安装nginx

sudo apt-get install nginx

配置nginx:

vim /etc/nginx/nginx.conf

添加内容如下：

server {
         listen 80;
         # server_name your.domain.com;
         root /home/ubuntu/project/kris_web/build/;
        index index.html index.htm;
        location / {
                try_files $uri $uri/ /index.html;
        }
        location ^~ /assets/ {
                gzip_static on;
                expires max;
                add_header Cache-Control public;
         }
        error_page 500 502 503 504 /500.html;
        client_max_body_size 20M;
        keepalive_timeout 10;
 }

修改nginx.conf文件第一行为：