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

Posted 2021-03-05 whhhd

Ubuntu下载安装nginx：https://blog.csdn.net/qq_23832313/article/details/83578836

自己总结

1.sudo apt-get install nginx 下载nginx

2.sudo vim /etc/nginx/nginx.conf 修改配置信息

　　1)监听端口号:lsof -i:88 也可以查到88端口进程是否有进程在运行。可以通过此命令查看nginx服务器是否运行

　　　　server {

 　　　　 #修改这里 我将 80 改为 88

　　　　　 listen 88 default_server;

  　　　　#还有这里 同样改为你想要的监听端口

 　　　　　listen [::]:88 default_server ipv6only=on;

 

　　　　}

　　2)/etc/nginx/sites-available/default

3.运行:# nginx -c /etc/nginx/nginx.conf

　　关闭 nginx

　　# nginx -s stop

　　重读配置文件

　　# nginx -s reload

　　# pkill -HUP nginx

　　重新打开日志文件

　　# nginx -s reopen

　　# pkill -USR1 nginx

4.部署react项目进服务器:将react项目打包,在进行配置路径

　　server { 

　　　　root /home/root/react-demo; 

　　　　index index.html index.htm;

　　}

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

 

部署上服务器时,访问报403错误:

主要是没有权限,在配置文件中nginx.conf加入user root;