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

藏色散人
發布: 2021-11-05 16:39:36
轉載
9660 人瀏覽過

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

一、環境的安裝

  • 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
最新問題
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!