注册申请使用免费的七牛云cdn加速

学习笔记 yekong

vue可视化数据大屏 项目开发中,因为文件太多太大,服务器带宽又不够,导致项目加载缓慢,这时候我们可以将我们的资源文件托管到七牛cdn上,七牛cdn每个月可以免费使用10g的流量,如果超过了10g或者使用https的方式访问的话,我们就需要购买付费流量了。使用七牛云首先要有一个已经备案了的域名。

七牛云免费额度

七牛云有免费10个G的存储空间,10g的流量,但是流量仅支持http,不支持https。
七牛云免费额度

注册七牛云cdn

在使用前,我们首先要注册七牛,打开七牛云cdn网站.
注册七牛云cdn

进入七牛首页,点击右上角注册一个账号。注册完成后还需要进行实名认证,完成认证后就可以进行使用了。
账号注册

密钥管理

登录成功后,右上角用户头像下拉有一个密钥管理
密钥管理

当我们使用上传插件上传或者使用七牛云的kodo Browser工具管理文件时,需要使用这个密钥。
密钥

对象云存储

进入个人中心,点击左上角的菜单下拉,找到对象存储,我们上传的文件会在这里管理。
1680071835363ZuSn6c

空间管理

在概览中,我们可以看到自己的空间占用,流量使用情况。
空间管理

在空间管理中,我们可以创建自己的空间,vue项目打包上传到七牛的时候,会需要这个空间名称。
空间管理2

我们在使用cdn加速的时候,就需要绑定我们备案的域名到这个空间。
绑定域名

图片样式设置

七牛云存储,可以将我们的图片设置的webp这会节省我们很多的流量。我们可以按需要进行多项配置。
图片样式设置

图片样式设置2

防盗链处理

如果我们不想我们的资源被其他网站引用,避免流量被盗用,我们可以开启防盗链。

referer防盗链

刷新文件

在开启cdn后,当我们更新的文件没有变化时,我们可以刷新对应的地址,可以刷新文件也可以刷新目录,不过都有资源限制,文件每天限额500,目录限额10个。

刷新文件

开启https

七牛云可以开启https,可以直接在证书管理中进行配置,可以直接购买免费证书部署,也可以在腾讯云等平台申请免费证书。证书到期前会有短信提醒,到时候自己再来重新续期就可以了。

开启https

更多数据可视化大屏教程

vue3 vite 数据可视化大屏教程

喜欢