cdn 引入 element ui

对于网站上的资源，比如图片，音视频，以及CSS、JS等静态文件可以使用融合CDN加速，提高页面访问速度与资源加载速度。

同样是对网站做加速，但根据需求一般分为两种情况：

情景一：同时使用七牛云的加速服务以及存储服务情景二：只使用七牛云的加速服务，资源还是在自己的本地存储

情景一: 同时使用七牛云的加速服务以及存储服务

示意图 1

添加资源空间：

添加加速域名：

选择资源池：

做CNAME解析：

将加速域名解析到指定的CNAME。

同步资源文件(选择镜像存储或者上传文件)：

• 做镜像存储

• 上传文件

注意：

• 加速域名就是需要进行加速的域名，但是这个加速域名的解析地址需要是指定的CNAME。
• “加速域名”以及“镜像源”的地址需要是两个不同的指向，当加速域名解析完成之后，客户端访问加速域名的时候会从七牛的存储空间拉取资源，此时如果自己的七牛空间里面为空会显示“error:Document not found”，未找到对应的资源。
• 所以需要进行设置镜像存储或者上传文件到资源空间。对于镜像源资源(文件/图片等)，会根据初次访问镜像源自动同步到七牛云存储，数据平滑迁移。设置镜像存储之后直接访问镜像源，即可将数据同步到七牛云。
• 最后通过访问生成的外链来静态资源来做加速。

情景二：cdn源站直接指向自己域名

示意图 2

修改回源配置里面的基础设置为源站域名：

注意：

• 源站域名是自己项目的源站，比如配置一个二级域名作为源站域名。
• 回源HOST是自己的加速域名。
• 客户端访问时候从客户的源站拉取资源

例子：

源站是域名，源站为 cdn.a.com ，回源 HOST 为 www.a.com 。

那么实际回源是请求到 cdn.a.com 解析到的资源 ，对应加速域名 www.a.com 。

补充：

在wordpress中启用七牛CDN后, 网站静态文件会被镜像到七牛来，但是修改过之后七牛不会重新去源站取，缓存不会更新，需要去资源池手工删除这个 css 文件后七牛才会重新把它镜像过来。

在新版的 wordpress 插件中，已经有了清除缓存的界面了，插件：WPJAM Basic 传送门：https://wordpress.org/plugins/wpjam-basic/

加速验证：

配置完成之后ping一下自己的加速域名,可以看到ip节点来自七牛云CDN。