前端React項目部署到阿里雲-linux 服務器

React項目部署到阿里雲linux 服務器

一、打包項目

本文用的是creat-react-app腳手架，首先打開項目在終端中輸入npm run build。如果直接打包之后生成的打包文件只能在根目錄訪問，所以我們要在package.json里面加一行代碼 "homepage":"."

 

 

 

接下來進行打包npm run built會在目錄下生成一個build文件夾。這樣，打包階段就完成了。

 

二、服務器環境配置

在阿里雲服務器上安裝nginx

//1.
wget  http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm
//2.
rpm -ivh nginx-release-centos-7-0.el7.ngx.noarch.rpm
//3.
yum install nginx  
//4.開機自啟動
systemctl start nginx.service  
systemctl enable nginx.service

然后訪問公網ip地址測試，如果安裝成功會有welcome界面。
使用FileZilla軟件將上一步打包的目錄傳到服務器中，本文將build傳到了/usr目錄下。
接下來

cd /etc
cd nginx
cd conf.d
vi default.conf

　　

 

 

 將location 中root后面改成你存built的路徑。本文在user目錄下。

 

重啟nginx服務，在瀏覽器中輸入你的公網ip，即可看到你的react項目。

1.systemctl stop nginx

2.systemctl start nginx

 最后訪問自己的公網ip就成功了