阿里云oss部署静态网页

使用阿里云OSS部署静态网页阿里云oss很强大，存放文件、部署静态网页（包含html网页、vue网页、react网页）、并且在oss网页里面调用其他服务器接口、强制https都是可以的。一测试网站效果名称网站地址特色截图缺点纯静态网页幼儿园纯静态网站首页、新闻页面vue网站传统文化vue项目，支持调用后台接口，注意后端java跨域设置、nginx跨域设置vue前端-调用接口-后端需配跨域设置、支

Dazer007

5665人浏览 · 2020-11-07 17:13:27

Dazer007 · 2020-11-07 17:13:27 发布

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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^