腾讯云静态网站托管基本操作

腾讯云静态网站托管

前言

腾讯云开发 
TCB: Tencent Cloudbase

静态网站托管

介绍

将静态网站托管在腾讯云供外网访问 实现不买服务器情况下外网可访问

基本使用

1、访问腾讯云官网 https://cloud.tencent.com/
2、产品处搜素静态网站托管
3、首次打开按照步骤创建环境 开通环境
4、环境创建完成后可以看到测试的域名 浏览器端访问即可打开站点
5、在静态托管创建的环境中上传项目
6、此时浏览器打开测试域名后访问的即是自己的项目

使用CloudBase CLI 云开发工具

CloudBase CLI 是云开发的一个工具 
可以使用cloudBase Cli工具代替在官网中手动部署项目 使用命令部署

a、安装：

 安装： npm install -g @cloudbase/cli 
 安装后可使用简写tcb(tencent cloudbase)
 测试是否安装成功 cloudbase --version

b、查看@cloudbase/cli的命令

查看cli中的命令 tcb -h

c、登录

tcb 登录：
   第一次使用cli 需要先登陆自己腾讯云的环境并授权 cli才可以操作环境
   tcb login 按照提示在自动打开的浏览器中输入账号、授权等

d、部署项目

cd进入到自己本地项目打包后的文件夹中 
执行以下命令，将文件上传到静态网站的存储空间中指定环境指定路径下，
当未指定 cloudPath 时，CLI 会将文件上传到根目录。
tcb hosting deploy localPath cloudPath -e envId 
示例：
    # 将当前目录的文件部署到根目录
    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、删除文件和文件夹、展示文件列表

删除静态网站的存储空间中的文件：
	tcb hosting delete cloudPath -e envId

删除静态网站的存储空间中的文件夹：
	tcb hosting delete -d cloudPath -e envId

删除静态网站的存储空间中的所有文件：
	tcb hosting delete / -e envId
	
展示静态网站存储空间中已经部署的文件：
	tcb hosting list -e envId

问题

部署后页面空白

a、若没有将项目部署在自己环境的根目录下 浏览器打开部署后的地址会出现空白
    因为此时项目中路由用了history模式 没有匹配到合适的路由 改为hash模式即可
b、如果需要使用history模式 需要后台支持 
   或者可以通过在云开发静态网站托管的设置页面将索引文档和错误文档均设置为 index.html