react项目部署nginx服务器

梦里梦外; 2022-10-01 09:51 301阅读 0赞

1、打包好你的react本地项目，dist中具有打包好的文件

2、使用shell等工具登录你的linux服务器

3、安装nginx，网上教程一大堆

4、进入/usr/local/nginx/conf/nginx.conf

5、vi nginx.conf

server {
            listen 8080;
            # server_name your.domain.com;
     
            root /home/root/react-demo;
            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;
    }
    复制代码

6、将本地react项目中的dist里的文件夹上传至/home/root/react-demo中

7、进入/usr/local/nginx/sbin下，输入命令./nginx -t（重启nginx），如果未开启的话可以使用开启命令/usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf

8、访问你的ip+端口号8080，就可以打开网站了

9、后续的更新代码只需要将/home/root/react-demo中的旧代码删掉，再将打包好的代码上传到/home/root/react-demo中

转载于:https://juejin.im/post/5cde732e51882525d20ead6f

发表评论取消回复

表情：

评论列表（有 0 条评论，301人围观）

还没有评论，来说两句吧...

相关阅读

相关项目部署服务器

1、购买云服务器腾讯云服务器购买地址：腾讯云购买地址我买的是1核2G的轻量级应用服务器，对于一个个人博客。该服务器的性能绰绰有余了。同时我这个也是新人专享的。

待我称王封你为后i/ 2023年10月09日 13:52/ 0 赞/ 52 阅读

相关 node项目部署以及搭建nginx服务器

因为阿里云的服务器就要到期，所以就需要重新购买服务器，考虑到服务器续费有点贵而又赶上腾讯云在搞周年庆的活动，所以这次就购买了腾讯云的服务器，也因为更换了服务器，所以就得重新部署

╰半夏微凉°/ 2022年12月21日 04:45/ 0 赞/ 178 阅读

相关 vue项目如何部署到nginx服务器

1.[windows下安装nginx请看:Windows下安装Nginx][windows_nginx_Windows_Nginx] 2.[配置完成后，如何设置，nginx开

朱雀/ 2022年12月20日 11:24/ 0 赞/ 258 阅读

相关 vue项目使用nginx部署于linux服务器

Vue 项目打包首先将 `vue` 项目打包 npm run build 打包后，生成 dist 文件夹 Linux环境下 nginx 的安装配置

旧城等待，/ 2022年12月08日 05:11/ 0 赞/ 159 阅读

相关 react项目部署nginx服务器

1、打包好你的react本地项目，dist中具有打包好的文件 2、使用shell等工具登录你的linux服务器 3、安装nginx，网上教程一大堆 4、进入/usr/lo

梦里梦外;/ 2022年10月01日 09:51/ 0 赞/ 302 阅读

相关服务器部署laravel项目,Nginx服务器上部署Laravel项目

Nginx服务器上部署Laravel项目主要修改nginx的配置文件： vi /usr/local/nginx/conf/nginx.conf server \{ li

Myth丶恋晨/ 2022年09月04日 10:47/ 0 赞/ 274 阅读

相关在阿里云 ECS 服务器部署 React + Express 项目

[项目][Link 1]开发了一部分，准备先上线看看效果，就进行了部署。以下是文档记录。 0-选购阿里云 ECS 服务器操作系统： Ubuntu 14.0

蔚落/ 2022年06月05日 04:57/ 0 赞/ 341 阅读

相关 nginx服务器的部署

一、nginx简介 Nginx (engine x) 是一个高性能的[HTTP][]和[反向代理][Link 1]服务器，也是一个IMAP/POP3/

刺骨的言语ヽ痛彻心扉/ 2022年05月12日 12:08/ 0 赞/ 190 阅读

相关 vue项目部署到服务器nginx（超简单）

nginx服务器是一个轻量级、又简单的服务器，所以，对我来说，部署我的vue项目就选择它了。首先，下载nginx服务器，官网下载地址[http://nginx.org/en

左手的ㄟ右手/ 2022年01月07日 22:33/ 0 赞/ 473 阅读

相关服务器Nginx部署

服务器环境为centos7.5，接下来是详细步骤：安装必要依赖插件 yum install pcre-devel pcre gcc gcc-c++ zlib

Bertha 。/ 2021年09月24日 07:34/ 0 赞/ 438 阅读