為什么使用寶塔面板?
新手建站最大的痛苦就是不好入門,代碼太多,無法輕松管理,
在這里,我們介紹一種簡單好用的免費服務器運維面板——寶塔面板,使用寶塔面板,可以在可視界面中為服務器安裝應用、同步檔案、定期執行代碼、管理服務,非常方便,
前期準備
服務器+寶塔面板安裝,我使用的是騰訊云服務器,下面一切都是一騰訊云為準

如果你是騰訊云服務器,官方提供了寶塔面板,可以在創建服務器時直接選擇寶塔面板,
服務器操作
首先進入服務器詳情頁

點擊進入防火墻面板

在這里我們需要開放兩個埠一個是寶塔面板的默認埠 8888 ,還有一個是測驗用的埠81或者其他埠,

點擊確定即可
結果如圖 注意:我把寶塔面板的默認埠改為了9000,第一次進入一定要是 8888

然后點擊應用管理


首先看到用戶名與密碼
復制
sudo /etc/init.d/bt default
然后點擊登錄
進入控制臺,粘貼指令并回車

可以看到用戶名和密碼,以及面板訪問地址,我們訪問面板外網地址

將控制臺的用戶名和密碼復制過來登錄
如果無法登錄一直顯示密碼錯誤的,回傳控制臺,輸入
sudo bt

根據提示修改密碼和用戶名,序號不需要括號
注意:修改一次后會自動退出bt命令,重新輸入 sudo bt進入或者直接 sudo bt 序號
寶塔面板操作
第一次進入寶塔面板會讓你系結騰訊云賬號和寶塔賬號
寶塔賬號手機注冊即可
系結騰訊云賬號
進入服務器控制臺,在個人頭像的下拉選單點擊訪問管理

點擊最下方的訪問密鑰,可以看到三個密鑰,按提示在寶塔系結

寶塔面板提供了一些環境的安裝,可以根據自己的需要進行安裝
第一次進入會向你推薦安裝,如果跳過了推薦安裝,進入軟體商店搜索,我們需要 nginx ftp php三個

正式開始建站
1.點擊進入網站頁面
我這里已經有了一個我自己的個人博客

點擊添加站點

域名位置,目前其實就是起個名字,注意要是正確的域名格式,如結尾有 .com .cn等等,
選擇創建FTP
PHP版本選擇純靜態,因為我是純靜態vue-admin頁面
網站分類隨意
點擊提交

2.點擊剛剛建好的站點的設定按鈕
直接就會進入域名管理,還記得我讓你開放的81埠嗎,我們現在就能用到了

我們再添加一個域名
你的服務器公網ip:81
可以不指定埠直接添加公網ip 使用默認的80埠,但我的80埠被占用了,且如果你需要建立多個網站,可以按照步驟,先開放一個埠然后在面板建站

成功之后我們直接洗掉,之前的域名 vue-admin.com

點擊域名,會跳轉到這個頁面,說明建站成功

3.替換頁面

點擊剛剛建站的根目錄 /www/wwwroot/你起的名字

點擊上傳

我選擇的上傳目錄,根據你們的需要上傳

上傳成功后,回到網站,點擊剛剛建立的網站設定

這次我們點擊網站目錄

點擊檔案夾圖示,選擇剛剛上傳的目錄,之前的檔案可以洗掉,看自己情況


點擊保存
訪問
你的公網ip:81

頁面替換成功
4.nginx反向代理
有的時候網站的后端介面往往會在其他服務器上,因此我們需要使用到 nginx的反向代理,我這里就進不去


還是點擊設定找到反向代理

點擊添加反向代理

代理名稱必須有
快取時間可選可不選 隨意
代理目錄需要開啟高級功能,根據自己的專案修改,
目標url既是代理地址
添加成功后,再次訪問

成功進入
我的專案是尚硅谷的vue-admin后臺專案,尚硅谷的老師講課認真,細致,幽默,尤其是超哥和禹哥
這里貼出他們的視頻地址,想學習前端的小伙伴可以去看看
html5+css3 javascript vue2+vue3 vue2實戰
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/531927.html
標籤:其他
