本教程是為新手準備的前端部署相關教程,大神請輕錘。
購買伺服器以及登入伺服器就不在這裡贅述了,直接拿到新伺服器後,如何部署前端專案。
wget
2、解壓縮
xz -d node-v10.13.0-linux-x64.tar.xz
tar -xf node-v10.13.0-linux-x64.tar
3、配置node和npm
ln -s ~/node-v10.13.0-linux-x64/bin/node /usr/bin/node
ln -s ~/node-v10.13.0-linux-x64/bin/npm /usr/bin/npm
4、檢視node和npm是否安裝成功
node -v
npm -v
1、檢視是否安裝了git
git version
2、安裝git
yum install
git
3、檢視git版本
git version
git version 1.8.3.1
4、配置git賬戶的賬號密碼
git config --global user.name "your name"
git config --global user.email "your email"
5、配置ssh用於拉取遠端倉庫
ssh-keygen -t rsa -c "your email"
cd /root/.ssh
cat /root/.ssh/id_rsa.pub
接著就是在github倉庫,配置ssh
6、拉取**
git clone [email protected]:*******(**倉庫ssh鏈結)
安裝路徑:/usr/local
1、安裝編譯工具以及庫檔案(新伺服器,未安裝則需要先安裝)
yum -y install
make gcc-c++ libtool
cd /usr/local
wget
tar zxvf pcre-8.43.tar.gz
mv pcre-8.43 pcre
cd pcre
./configure
make
&&make
install
pcre-config --version
3、安裝zlib庫
cd /usr/local
wget
tar zxvf zlib-1.2.11.tar.gz
mv zlib-1.2.11 zlib
cd zlib
./configure
make
&&make
install
4、安裝ssl
cd /usr/local/
wget
tar -zxvf openssl-1.0.1j.tar.gz
mv openssl-1.0.1j openssl
cd openssl
./config
make
&&make
install
5、安裝redis
install6、檢視nginx版本
cd /usr/local/webserver/nginx/sbin/
./nginx -v
7、啟動nginx
cd /usr/local/webserver/nginx/sbin/
./nginx
1、打包前端專案
進入到專案目錄下,執行npm run build
命令,後打包好前端專案。
2、配置檔案路徑:/usr/local/webserver/nginx/conf/nginx.conf
在https server節點中新增server節點
server
error_page 404 /404.html;
location = /40x.html
error_page 500 502 503 504 /50x.html;
location = /50x.html
3、重啟nginx
cd /usr/local/webserver/nginx/sbin
./nginx -s reload
前端專案部署
之前很少接觸前端專案的部署,這次為了更全面的學習就在本機上裝了乙個虛擬機器上,在虛擬機器上練習了如何把乙個react寫的spa專案部署到這個虛擬機器的伺服器上。由於linux也是剛接觸不久,所以整個過程還是遇到了很多坑,這裡記錄下。我有乙個用react寫的單頁面應用,然後希望部署到伺服器上,通過ip...
前端專案部署 docker
docker的概念在這裡就不在累述,大家google一下都能得到很詳細的描述。藉著這次專案需要自己利用docker部署各環境,記錄一下docker學習和部署的相關過程。linux容器與虛擬機器的對比 方案資源占用 冗餘步驟 啟動體積 虛擬機器多 獨佔一部分記憶體和硬碟空間 多 完整作業系統,系統級別...
Centos7部署flask專案
伺服器 阿里雲輕量應用伺服器 系統 centos7 自帶yum,centos6需要自行安裝 ssh連線 putty0.7 64位 python版本 python3.6 資料庫 mysql yum y update yum install gcc yum y install zlib yum inst...