【域名解析】 【二级域名分发】 【vue3部署】 【腾讯云cos】 【DNSPOD】

首先注册腾讯云账号登录

先在腾讯云域名系统中购买域名并且在工信部备案

我的域名 - DNSPod-免费智能DNS解析服务商-电信_网通_教育网,智能DNS

【域名解析】 【二级域名分发】 【vue3部署】 【腾讯云cos】 【DNSPOD】_第1张图片

然后点击 DNSPOD

DNS 解析 - 定价中心 - 腾讯云 DNSPod - 国民级 DNS 服务平台_智能DNS_免费_域名_解析_VIP_套餐

自行选择免费版或者专业版 

【域名解析】 【二级域名分发】 【vue3部署】 【腾讯云cos】 【DNSPOD】_第2张图片

进入域名管理台

我的域名 - DNSPod-免费智能DNS解析服务商-电信_网通_教育网,智能DNS

【域名解析】 【二级域名分发】 【vue3部署】 【腾讯云cos】 【DNSPOD】_第3张图片

 点击解析进入记录详情

【域名解析】 【二级域名分发】 【vue3部署】 【腾讯云cos】 【DNSPOD】_第4张图片

 找到"添加记录"或类似的选项。添加A记录或CNAME记录来指向你想要分发的服务器或网站的IP地址或域名。根据你的需求,你还可以添加其他类型的记录,如MX记录、TXT记录等

【域名解析】 【二级域名分发】 【vue3部署】 【腾讯云cos】 【DNSPOD】_第5张图片

 将后端项目部署到服务器运行(保证vue内调用api正常运行)

将前端项目部署到腾讯云的存储桶内

【域名解析】 【二级域名分发】 【vue3部署】 【腾讯云cos】 【DNSPOD】_第6张图片

打开静态网站开关

【域名解析】 【二级域名分发】 【vue3部署】 【腾讯云cos】 【DNSPOD】_第7张图片

 【域名解析】 【二级域名分发】 【vue3部署】 【腾讯云cos】 【DNSPOD】_第8张图片

 添加访问自定义域名 (这里可以选择自定义CDN加速 也可以选择自定义源站域名)

【域名解析】 【二级域名分发】 【vue3部署】 【腾讯云cos】 【DNSPOD】_第9张图片

 比如我们添加一个cdn.dnsv1.com

【域名解析】 【二级域名分发】 【vue3部署】 【腾讯云cos】 【DNSPOD】_第10张图片

将此页面的主机记录和记录值保存

打开DNSPOD

 点击添加记录 记录类型选择TXT 将之前的两个记录值  主机记录和记录值一一填入

【域名解析】 【二级域名分发】 【vue3部署】 【腾讯云cos】 【DNSPOD】_第11张图片

点击验证按钮

【域名解析】 【二级域名分发】 【vue3部署】 【腾讯云cos】 【DNSPOD】_第12张图片

 验证成功点击创建(如果不成功可能是DNS解析服务需要等待一段时间才能生效)

【域名解析】 【二级域名分发】 【vue3部署】 【腾讯云cos】 【DNSPOD】_第13张图片

 创建完成后 添加的CDN为未上线状态 此时不可删除和编辑  等待一段时间 CDN上线成功

【域名解析】 【二级域名分发】 【vue3部署】 【腾讯云cos】 【DNSPOD】_第14张图片

【域名解析】 【二级域名分发】 【vue3部署】 【腾讯云cos】 【DNSPOD】_第15张图片

上线成功后点击编辑更改为静态网站源站 并且保存

【域名解析】 【二级域名分发】 【vue3部署】 【腾讯云cos】 【DNSPOD】_第16张图片

 打开你的自定义域名访问测试

(有时候需要等待5分钟左右 才能正常访问)

消除不安全的提示

【域名解析】 【二级域名分发】 【vue3部署】 【腾讯云cos】 【DNSPOD】_第17张图片

申请ssl证书

可以选择付费申请 (范域名) 

 SSL证书购买_SSL证书选购 - 腾讯云 (tencent.com)

也可以选择免费测试版的证书 (单个)

我的证书 - SSL 证书 - 控制台 (tencent.com)

【域名解析】 【二级域名分发】 【vue3部署】 【腾讯云cos】 【DNSPOD】_第18张图片

 点击提交申请

【域名解析】 【二级域名分发】 【vue3部署】 【腾讯云cos】 【DNSPOD】_第19张图片

等待手机短信提示:

 【域名解析】 【二级域名分发】 【vue3部署】 【腾讯云cos】 【DNSPOD】_第20张图片

 返回证书列表即可查看:

【域名解析】 【二级域名分发】 【vue3部署】 【腾讯云cos】 【DNSPOD】_第21张图片

 点击部署按钮

【域名解析】 【二级域名分发】 【vue3部署】 【腾讯云cos】 【DNSPOD】_第22张图片

 点击绑定证书 选择腾讯云证书 点击绑定 

【域名解析】 【二级域名分发】 【vue3部署】 【腾讯云cos】 【DNSPOD】_第23张图片

结果显示已上传 即可

内容参考:

(146条消息) 使用腾讯云存储桶(COS)托管静态网站_Xovee的博客-CSDN博客

你可能感兴趣的:(服务器,网络,运维)