使用阿里云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

Logo

前往低代码交流专区

更多推荐