將react項目打包成靜態頁面部署到nginx服務器

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;