## **场景** 在进行项目的前端构建时,我们可以把前端静态资源上传到阿里云的OSS服务,从而节约本地服务器网络带宽,并且加速页面资源的下载 CabloyJS内置了阿里云OSS服务的CDN支持,具体配置如下: ## Build配置 只需在前端构建配置文件中增加`cdn.alioss`节点即可: `build/config.js` ``` javascript // front const front = { build: { ... cdn: { alioss: { auth: { accessKeyId: '', // 在阿里 OSS 控制台获取 accessKeySecret: '', // 在阿里 OSS 控制台获取 region: 'oss-cn-hangzhou', // OSS 服务节点, 示例: oss-cn-hangzhou bucket: 'abc', // OSS 存储空间, 在阿里 OSS 控制台获取 }, ossBaseDir: 'auto_upload_ci', project: 'my-project-name', // 项目名(用于存放文件的直接目录) }, }, }, dev: { ... }, }; ``` 关于`cdn.alioss`的详细说明,请参见: ## **OSS跨域** 由于OSS中的字体资源与网站首页不在同一个域名下,存在跨域问题,因此需要在阿里云 OSS 控制台配置跨域规则 比如,网站首页域名是:`https://some.front.com`,那么COS跨域规则如下: ![1](https://portal.cabloy.com/api/a/file/file/download/de0982cd45fc42dd929938c2722f21dd.png)