前言

騰訊云開(kāi)發(fā) 
TCB: Tencent Cloudbase

靜態(tài)網(wǎng)站托管

介紹

靜態(tài)網(wǎng)站托管是騰訊云提供的一項(xiàng)服務(wù)，可將靜態(tài)網(wǎng)站托管在騰訊云供外網(wǎng)訪問(wèn)

基本使用

1、訪問(wèn)騰訊云官網(wǎng) https://cloud.tencent.com/
2、產(chǎn)品處搜素靜態(tài)網(wǎng)站托管
3、首次打開(kāi)按照步驟創(chuàng)建環(huán)境 開(kāi)通環(huán)境
4、環(huán)境創(chuàng)建完成后可以看到測(cè)試的域名 瀏覽器端訪問(wèn)即可打開(kāi)站點(diǎn)
5、在靜態(tài)托管創(chuàng)建的環(huán)境中上傳項(xiàng)目
6、此時(shí)瀏覽器打開(kāi)測(cè)試域名后訪問(wèn)的即是自己的項(xiàng)目

使用CloudBase CLI 云開(kāi)發(fā)工具

CloudBase CLI 是云開(kāi)發(fā)的一個(gè)工具 
可以使用cloudBase Cli工具代替在官網(wǎng)中手動(dòng)部署項(xiàng)目 使用命令部署

a、安裝：

 安裝： npm install -g @cloudbase/cli 
 安裝后可使用簡(jiǎn)寫(xiě)tcb(tencent cloudbase)
 測(cè)試是否安裝成功 cloudbase --version

b、查看@cloudbase/cli的命令

查看cli中的命令 tcb -h

c、登錄

tcb 登錄：
   第一次使用cli 需要先登陸自己騰訊云的環(huán)境并授權(quán) cli才可以操作環(huán)境
   tcb login 按照提示在自動(dòng)打開(kāi)的瀏覽器中輸入賬號(hào)、授權(quán)等

d、部署項(xiàng)目

cd進(jìn)入到自己本地項(xiàng)目打包后的文件夾中 
執(zhí)行以下命令，將文件上傳到靜態(tài)網(wǎng)站的存儲(chǔ)空間中指定環(huán)境指定路徑下，
當(dāng)未指定 cloudPath 時(shí)，CLI 會(huì)將文件上傳到根目錄。
tcb hosting deploy localPath cloudPath -e envId 
示例：
    # 將當(dāng)前目錄的文件部署到根目錄
    tcb hosting deploy . -e envId
    # 將 static 目錄下的 index.js 文件部署到 static/index.js
    tcb hosting deploy ./static/index.js static/index.js -e envId
       
官方示例：https://cloud.tencent.com/document/product/1210/52127

e、刪除文件和文件夾、展示文件列表

刪除靜態(tài)網(wǎng)站的存儲(chǔ)空間中的文件：
    tcb hosting delete cloudPath -e envId

刪除靜態(tài)網(wǎng)站的存儲(chǔ)空間中的文件夾：
    tcb hosting delete -d cloudPath -e envId

刪除靜態(tài)網(wǎng)站的存儲(chǔ)空間中的所有文件：
    tcb hosting delete / -e envId
    
展示靜態(tài)網(wǎng)站存儲(chǔ)空間中已經(jīng)部署的文件：
    tcb hosting list -e envId

問(wèn)題

部署后頁(yè)面空白

a、若沒(méi)有將項(xiàng)目部署在自己環(huán)境的根目錄下 瀏覽器打開(kāi)部署后的地址會(huì)出現(xiàn)空白
    因?yàn)榇藭r(shí)項(xiàng)目中路由用了history模式 沒(méi)有匹配到合適的路由 改為hash模式即可
b、如果需要使用history模式 需要后臺(tái)支持 
   或者可以通過(guò)在云開(kāi)發(fā)靜態(tài)網(wǎng)站托管的設(shè)置頁(yè)面將索引文檔和錯(cuò)誤文檔均設(shè)置為 index.html