阿里云oss 静态网站托管记录

1,669 阅读2分钟

作为一个小小前端的第一次阿里云部署,还是值得记录下的

首先我们要清楚自己部署的项目是静态网站还是动态网站

静态网站:网页打包为html后缀的页面,所有内容都包含在网页内容中

动态网站:ssr服务端渲染的网站

由于我的项目是ant design pro脚手架开发的,所以是静态项目,不需要服务器,直接配置oss就好了。

一,开通oss服务

点立即开通去开通就好,由于不是我操作的这一步,就没办法写了。

二,创建存储空间

开通oss之后,我们登录oss管理控制台,点击创建 Bucket。

流程文档上都有,所以我们主要是写一些容易出错和遗漏的注意点

(1)Bucket名称具有唯一性,所以我们可以直接用项目名称来命名就可以

(2)区域,中国内地是需要实名认证的,因为我们刚好使用的是国际版的阿里云,区域也选择了香港,就避免了这一步

(3)读写权限,我们可以配置为公共读,这样所有人都可以通过域名访问到我们的项目

  其他项我们就直接选择默认即可

三,上传文件

我们配置好如下的静态页面设置之后,上传打包之后的代码。

按照文档配置到这里,我以为就没什么问题了,我们直接访问域名 admin.dexterprograme.com就可以直接访问项目了。但实际打开域名之后,发现浏览器直接下载了个index.html文件。

查了下发现 阿里云必须配置一个域名才可以,因为选择的是香港的服务器 所以可以不用备案

四,绑定域名

域名绑定配置 添加CNAME记录,这里注意⚠️,主机记录这个选项,我们可以配置@,或者直接配个单词 admin,这样我们项目访问的时候就需要前面加一个admin

记录修改完之后,点击checkbox,会有一个启动操作,不然一直傻呼呼的等好久都没用

另外会有一个TTL时效,我们可以用工具检测下域名解析有没有生效www.jsons.cn/urlsafe/

五,配置DNS服务器

域名解析的地方,有一条不被人注意的提示信息

未查询到域名DNS服务器信息,请检测DNS服务器设置或域名实名认证相关

在域名注册的网站,将域名配置在 DNS Setting 的位置

如上,等域名解析成功之后就可以访问成功了!