阿里云oss部署静态网页

使用阿里云OSS部署静态网页

阿里云oss很强大,存放文件、部署静态网页(包含html网页、vue网页、react网页)、
并且在oss网页里面调用其他服务器接口、强制https都是可以的。

一 测试网站效果

名称网站地址特色截图缺点
纯静态网页幼儿园纯静态网站首页新闻页面
vue网站传统文化vue项目,支持调用后台接口,注意后端java跨域设置、nginx跨域设置vue前端-调用接口-后端需配跨域设置、支持https不能强制https,可以访问http 返回禁止信息,但体验差
悦报销网站悦报销react项目,强制https、调用了接口强制https、动态需要开通CDN,只能在cdn地方设置强制https

二 详细配置说明

2.1 copy 源码到oss根目录

copy 网页源码到 项目根目录

2.2 设置页面首页

设置首页

2.3 配置域名

域名配置有两种
1: 直接配置一个域名,不设置CDN; 也可以配置 https 证书(需要自己生成);
但不能自动续签、不能强制到https
2:  光配置CDN域名【当然要花费cdn加速的钱】,自动创建https、自动生成和续签https 证书; 
当然1里面的证书就不要重复配置了。

设置域名CNAME
有CDN的域名cname逻辑

2.4 配置CDN 《可选》

只针对需要强制HTTPS,自动301跳转的网站使用CDN; 普通网站前三步就可以了

配置CDN

  • 3
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Dazer007

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值