首頁 >專題 >寶塔面板 >教你用寶塔快速部署前端專案(圖文)

教你用寶塔快速部署前端專案(圖文)

藏色散人
藏色散人轉載
2021-11-05 16:32:569957瀏覽

本文由寶塔面板教學專欄為大家介紹如何使用寶塔快速部署前端項目,希望對需要的你有幫助!

一、環境的安裝

  • 1、網域解析綁定自己伺服器的IP位址

  • 2、安裝寶塔

    yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh
  • 3、等待幾分鐘,安裝完成後,頁面上會出現登入帳號和密碼(先複製出來,登入進去後可以修改)
    教你用寶塔快速部署前端專案(圖文)

  • #4、在阿里雲端伺服器上安全性群組上將8888連接埠開放出來

  • 5、使用上面的帳號和密碼登入你的寶塔介面中修改使用者名稱和密碼【主要是為了方便記住帳號和密碼】
    教你用寶塔快速部署前端專案(圖文)

三、使用寶塔部署靜態專案

  • #1、安裝nginx軟體
    教你用寶塔快速部署前端專案(圖文)

  • 2、部署靜態項目
    教你用寶塔快速部署前端專案(圖文)

  • #3、直接在瀏覽器上存取(輸入自己的網域)
    教你用寶塔快速部署前端專案(圖文)

  • 4、如果要建立別的靜態項目
    教你用寶塔快速部署前端專案(圖文)
    教你用寶塔快速部署前端專案(圖文)

  • ##5、在瀏覽器輸入

    網域/資料夾名稱存取剛剛的靜態專案

#四、使用

PM2部署node專案

  • 1、在軟體商店安裝

    pm2工具

  • 2、在

    pm2的管理介面切換node版本

  • #3、在網站的目錄下建立一個資料夾

    express_demo

  • #4、安裝

    express的鷹架

    npm install express-generator
  • 5、在

    express_demo目錄下產生專案檔

    express -enpm install
  • 6、開發埠【非常重要】

    • #在寶塔中開放埠


      教你用寶塔快速部署前端專案(圖文)

    • 如果是使用的阿里雲端伺服器,需要在伺服器端繼續開放連接埠

  • 7、在

    PM2
    教你用寶塔快速部署前端專案(圖文)#7、在

    PM2
  • 的面板中新增
  • express_demo

    專案啟動

#8、瀏覽器輸入網域或IP帶上3000埠

    五、修改
  • nginx

    的設定檔,反向代理到
    node教你用寶塔快速部署前端專案(圖文)專案

  • 1、點擊網站的設定
    教你用寶塔快速部署前端專案(圖文)

  • 2、修改
  • nginx

    的設定檔

    ###### ##3、測試,瀏覽器上直接輸入###網域/express#######
###

以上是教你用寶塔快速部署前端專案(圖文)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:csdn.net。如有侵權,請聯絡admin@php.cn刪除