vue可视化数据大屏 项目开发中,因为文件太多太大,服务器带宽又不够,导致项目加载缓慢,这时候我们可以将我们的资源文件托管到七牛cdn上,七牛cdn每个月可以免费使用10g的流量,如果超过了10g或者使用https的方式访问的话,我们就需要购买付费流量了。使用七牛云首先要有一个已经备案了的域名。
七牛云免费额度
七牛云有免费10个G的存储空间,10g的流量,但是流量仅支持http,不支持https。
注册七牛云cdn
在使用前,我们首先要注册七牛,打开七牛云cdn网站.
进入七牛首页,点击右上角注册一个账号。注册完成后还需要进行实名认证,完成认证后就可以进行使用了。
密钥管理
登录成功后,右上角用户头像下拉有一个密钥管理
当我们使用上传插件上传或者使用七牛云的kodo Browser工具管理文件时,需要使用这个密钥。
对象云存储
进入个人中心,点击左上角的菜单下拉,找到对象存储,我们上传的文件会在这里管理。
空间管理
在概览中,我们可以看到自己的空间占用,流量使用情况。
在空间管理中,我们可以创建自己的空间,vue项目打包上传到七牛的时候,会需要这个空间名称。
我们在使用cdn加速的时候,就需要绑定我们备案的域名到这个空间。
图片样式设置
七牛云存储,可以将我们的图片设置的webp这会节省我们很多的流量。我们可以按需要进行多项配置。
防盗链处理
如果我们不想我们的资源被其他网站引用,避免流量被盗用,我们可以开启防盗链。
刷新文件
在开启cdn后,当我们更新的文件没有变化时,我们可以刷新对应的地址,可以刷新文件也可以刷新目录,不过都有资源限制,文件每天限额500,目录限额10个。
开启https
七牛云可以开启https,可以直接在证书管理中进行配置,可以直接购买免费证书部署,也可以在腾讯云等平台申请免费证书。证书到期前会有短信提醒,到时候自己再来重新续期就可以了。