教你用寶塔快速部署前端項(xiàng)目（圖文）

本文由寶塔面板教程欄目給大家介紹如何使用寶塔快速地部署前端項(xiàng)目，希望對(duì)需要的你有所幫助！

一、環(huán)境的安裝

• 1、域名解析綁定自己服務(wù)器的IP地址

• 2、安裝寶塔

  yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh

• 3、等待幾分鐘,安裝完成后,頁(yè)面上會(huì)出現(xiàn)登錄賬戶和密碼(先復(fù)制出來(lái),登錄進(jìn)去后可以修改)
  

• 4、在阿里云服務(wù)器上安全組上將8888端口開放出來(lái)

  立即學(xué)習(xí)“前端免費(fèi)學(xué)習(xí)筆記（深入）”；

• 5、使用上面的賬號(hào)和密碼登錄到你的寶塔界面中修改用戶名和密碼【主要是為了方便記住賬號(hào)和密碼】
  

三、使用寶塔部署靜態(tài)項(xiàng)目

• 1、安裝nginx軟件
  

• 2、部署靜態(tài)項(xiàng)目
  

• 3、直接在瀏覽器上訪問(wèn)(輸入自己的域名)
  

• 4、如果要?jiǎng)?chuàng)建別的靜態(tài)項(xiàng)目
  
  

• 5、在瀏覽器輸入域名/文件夾名訪問(wèn)剛剛的靜態(tài)項(xiàng)目

四、使用PM2部署node項(xiàng)目

• 1、在軟件商店安裝pm2工具

• 2、在pm2的管理界面切換node版本

• 3、在站點(diǎn)的目錄下創(chuàng)建一個(gè)文件夾express_demo

• 4、安裝express的腳手架

  npm install express-generator

• 5、在express_demo目錄下生成項(xiàng)目文件

  express -enpm install

• 6、開發(fā)端口【非常重要】

  • 在寶塔中開放端口
    

  • 如果是使用的阿里云服務(wù)器,需要在服務(wù)器端繼續(xù)開放端口

• 7、在PM2的面板中添加express_demo項(xiàng)目啟動(dòng)
  

• 8、瀏覽器輸入域名或者IP帶上3000端口

五、修改nginx的配置文件,反向代理到node項(xiàng)目

• 1、點(diǎn)擊網(wǎng)站的設(shè)置
  

• 2、修改nginx的配置文件
  

• 3、測(cè)試,瀏覽器上直接輸入域名/express