阿里云OSS部署静态网页

费用

主要会产生费用的有以下几个地方:

  1. 40G的标准存储包9块一年,这只是存储空间;
  2. OSS在使用过程中的上行流量(上传到OSS)免费,下行流量(从OSS读取)会产生费用,闲时(00:00-08:00)0.25元/GB,忙时(8:00-24:00)0.50元/GB,按日计费;
  3. 做什么都会产生的请求费用,0.01元/万次;
  4. 如果开通了传输加速或者cdn,还会有传输加速或者cdn的费用。
    费用明细参见https://www.aliyun.com/price/product?spm=a2c6h.13066369.0.0.2e5e458cBQL3Up#/oss/detail
    存储包和请求费用都很便宜,买了存储包以后,额外费用主要为下行流量的费用。如果网站的访问量很大或者需要提供大量下载,可以考虑购买下行流量包,或者开通cdn,会比按量计费便宜。(小心被别人恶意刷流量)

部署步骤:

  1. 免费开通OSS后,创建Bucket(类似文件夹)


    image.png

    3个地方需要修改,Bucket名称、区域和读写权限,
    区域:如果有买流量包,选择流量包所属区域;如果有阿里的ECS服务器,选择跟服务器同个区域;如果都没有,任意选就好,建议华东2;
    读写权限:静态网站选择【公共读】。
    另外需要注意的是,如果前面买的是标准存储包,存储类型就选择相对应的【标准存储】,如果选择跟购买存储包不对应的存储类型,比如【低频访问】,可能会产生额外费用。

  2. 在刚新建Bucket下的【文件管理】把网页文件上传到OSS,也可以使用OSS Browser等官方工具
  3. 在Bucket下的【基础设置】配置【静态页面】:


    image.png

    【默认首页】必填,其他选填,不配置静态页面的话,在国内打开网站地址会提示下载文件,而不是显示页面。

  4. 在Bucket下的【传输管理】->【域名管理】中绑定域名


    image.png

    如果域名在同个阿里账号下,可以选择【自动添加CNAME记录】,就不用进行下一步做域名解析了。
    有ssl证书的,还可以在【证书托管】中配置公私钥,实现https访问。

  5. 如果上一步没有自动添加CNAME记录,则在域名管理后台增加一条CNAME记录,记录值指向Bucket的【外网访问域名】


    image.png
  6. 重要:在【权限管理】->【防盗链】中把Referer设置为自己的域名且不允许空Referer,或者开通cdn,可以稍微防止别人恶意刷流量。

以上配置就完成了。

题外话,vue打包的静态资源如果vue-router的mode是hash,也可以按照上面步骤部署(如果要访问接口,nginx或者后端配置跨域)。如果mode是history,还需要在Bucket下的【基础设置】中配置【镜像回源】:


image.png

重定向,404时跳转到固定地址(第4步绑定域名下的默认首页文件)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,657评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,662评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,143评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,732评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,837评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,036评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,126评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,868评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,315评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,641评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,773评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,470评论 4 333
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,126评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,859评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,095评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,584评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,676评论 2 351