react部署笔记

1.1打包项目

#安装yarn
npm install -g yarn
#打包项目
yarn build

1.2 将打包好的build 推到服务器

# cd到前端web目录
cd /usr/local/web/lwh
#build文件夹放到这路径下

1.3配置Nginx代理配置

修改nginx.conf文件

#文件nginx.conf
# nginx的配置文件位置
cd /usr/local/nginx/conf
# 编辑nginx文件
vim nginx.conf
#添加如下内容,xxx为你的项目名字
include confile/xxx.conf;

创建xxx.conf 对应项目nginx配置文件

cd confile
#创建xxx项目nginx配置文件
mkdir xxx.conf
# 编辑xx.conf配置文件
vim xxx.conf

xxx.conf文件内容

server{listen 80;server_name lwhtimepill.leiweihao.ltd;rewrite ^(.*)$ https://${server_name}$1 permanent;
}
server{listen 443;server_name lwhtimepill.leiweihao.ltd;ssl     on;ssl_certificate /usr/local/nginx/conf/cert/lwhtimepill.leiweihao.ltd_nginx/lwhtimepill.leiweihao.ltd_bundle.pem;ssl_certificate_key /usr/local/nginx/conf/cert/lwhtimepill.leiweihao.ltd_nginx/lwhtimepill.leiweihao.ltd.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 / {proxy_pass http://127.0.0.1:21010; proxy_set_header X-Forwarded-For $remote_addr;proxy_set_header Host                    $http_host;}
}
server{listen 21010; location /{root /usr/local/web/lwh/timepill/build;try_files $uri /index.html;}error_page  404              /404.html;error_page   500 502 503 504  /50x.html;location = /50x.html {root   html;}location ~/api/(.*){proxy_pass http://localhost:21011;add_header Access-Control-Allow-Origin *;add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';proxy_set_header           Host $host;proxy_set_header           X-Real-IP $remote_addr;proxy_set_header           X-Forwarded-For $proxy_add_x_forwarded_for;rewrite  ^/api/(.*)  /$1 break;}
}

1.4域名申请ssl证书，下载到服务器

>>> cd /usr/local/nginx/conf/cert/lwhtimepill.leiweihao.ltd_nginx
>>> ls
lwhtimepill.leiweihao.ltd_bundle.crt  lwhtimepill.leiweihao.ltd_bundle.pem  lwhtimepill.leiweihao.ltd.csr  lwhtimepill.leiweihao.ltd.key

1.5重启nginx

#重启nginx
nginx -s reload

1.6配置完成，网站正常访问

https://lwhtimepill.leiweihao.ltd/home

react项目部署到linux服务器相关推荐

springboot项目部署到Linux服务器
按照yum方式安装jdk成功 Linux系统下安装jdk及环境配置(两种方法)_橙子君的博客-CSDN博客_linux配置jdk这里介绍两种linux环境下jdk的安装以及环境配置方法在windows ...
开发笔记--项目部署到linux服务器
安卓app后端项目部署到linux服务器,通过创建screen窗体,管理linux会话不会随着shell连接窗口的关闭而被杀掉进程.本文章为个人笔记,欢迎各位大牛给予宝贵意见和建议. Xshell远程 ...
项目部署到Linux服务器上（全）linux服务器安装java mysql 配置
项目部署到Linux服务器上 (全) 1.服务器准备首先你需要购买一台云服务器我是领取的阿里云的服务器选择linux系统设置好服务器的密码忘记可以在控制台首页云服务器ECS 里面找到购 ...
go项目部署到linux服务器
这个过程真的很简单,比起java的项目部署简直了. 本地编译项目首先,需要本地编译项目,编译成linux可执行的二进制程序. env GOOS=linux GOARCH=386 go build m ...
filezilla 设置服务器_java项目部署到linux服务器，微信小程序后台springboot项目部署到腾讯云服务器（图文详解）...
前面给大家讲了一个点餐系统的开发,包括java点餐后台和微信点餐小程序.可是都是教大家如何在本地把项目跑起来.今天就来教大家如何把这个点餐系统部署到服务器,实现商用. 传送门点餐系统的开发,java ...
springboot 获取登录浏览器_java项目部署到linux服务器，微信小程序后台springboot项目部署到云服务器（图文详解）...
前面给大家讲了一个点餐系统的开发,包括java点餐后台和微信点餐小程序.可是都是教大家如何在本地把项目跑起来.今天就来教大家如何把这个点餐系统部署到服务器,实现商用. 传送门点餐系统的开发,java ...
hinkphp项目部署到Linux服务器上报错“模板不存在”如何解决
检查了服务器上的文件,并没有缺少文件,再次上传文件到服务器,还是报错.莫名其妙,怀疑是代码问题. 仔细检查后,发现是模板的文件名问题: 用过TP的都知道:thinkphp会在$this->dis ...
web项目部署到linux服务器出现的问题
为什么80%的码农都做不了架构师?>>> 问题一: could not extract ResultSet-- 后面还有很多错误提示,现在问题解决了,找不到更多的提示了,但是大 ...
使用python flask实现写接口供别人调动，并把flask项目部署在Linux服务器上
需求: 需要写接口查数据库数据,并返回给前端. 思路: 这个需求要求是用最快的方式出一个demo,所以选择用python flask编写,它比较轻量级. 代码实现,用几个例子说明一下用法 1.直接返回 ...

react项目部署到linux服务器

react部署笔记

1.1打包项目

1.2 将打包好的build 推到服务器

1.3配置Nginx代理配置

1.4域名申请ssl证书，下载到服务器

1.5重启nginx

1.6配置完成，网站正常访问

react项目部署到linux服务器相关推荐

最新文章

热门文章