对象储存防止被搬运恶意盗刷流量解决方法

新手在用对象存储的时候,不知道开启防盗链。如果不开启防盗链别人可以直接搬运你的图片放在他的站点上使用。他站点来访,扣除的是你存储桶的外网流量费用。

腾讯云设置方法

 

空referer的意思就是没有上传到任何站点,直接用浏览器打开访问域名进行访问的

如果开启,浏览器访问域名就会显示图片或者视频;如果关闭会显示这类报错

阿里云设置教程

进入对应的Bucket 列表

直接点击防盗链进入

 

 

设置方法和腾讯云一致,想让某个站点访问,就输入进referer即可

如果使用了微信小程序,需要在referer中加入servicewechat.com,微信小程序就可以正常访问图片了!

火山引擎veImageX图片服务(博主正在使用的)

首先登录账号,进入服务管理,新建服务,点击基础配置

 

进入域名信息,点击配置,会出现防盗链,进去填写信息,保存即可

 

 

设置方法和腾讯云、阿里云一致,想让某个站点访问,开启referer 白名单类型,把网址输入进规则里即可。

建议空 referer设置为不允许,浏览器访问图片链接会出现403错误,打不开,防止流量盗刷!

 

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
腾讯云对象存储(COS)是一种云存储服务,可以用于存储和管理大量的非结构化数据,例如图片、视频、文档等。在Vue3中使用腾讯COS可以通过以下步骤进行: 1. 下载腾讯COS的js库cos-js-sdk-v5.js,并将其引入到Vue3项目中。 2. 创建一个COSHelper.js文件,作为共用的上传方法。在该文件中,可以编写上传文件的逻辑,包括创建COS实例、设置上传参数、执行上传操作等。 3. 创建一个腾讯COS参数配置文件variables.js,用于存储腾讯COS的相关配置信息,例如COS的SecretId、SecretKey、Bucket等。 4. 在Vue3的页面中,引入COSHelper.js和variables.js,并调用上传方法进行文件上传。 下面是一个示例代码,演示了在Vue3中使用腾讯COS进行文件上传的过程: ```javascript // main.js import COS from 'cos-js-sdk-v5' import COSHelper from './COSHelper' import variables from './variables' Vue.prototype.$COS = COSHelper.initCOS(variables) // COSHelper.js import COS from 'cos-js-sdk-v5' const COSHelper = { initCOS(variables) { const cos = new COS({ SecretId: variables.COS_SECRET_ID, SecretKey: variables.COS_SECRET_KEY }) return cos }, uploadFile(cos, file) { const params = { Bucket: variables.COS_BUCKET, Region: variables.COS_REGION, Key: file.name, Body: file } return new Promise((resolve, reject) => { cos.putObject(params, (err, data) => { if (err) { reject(err) } else { resolve(data) } }) }) } } export default COSHelper // variables.js const variables = { COS_SECRET_ID: 'your_secret_id', COS_SECRET_KEY: 'your_secret_key', COS_BUCKET: 'your_bucket', COS_REGION: 'your_region' } export default variables // Upload.vue <template> <div> <input type="file" @change="handleFileUpload"> <button @click="uploadFile">上传文件</button> </div> </template> <script> export default { data() { return { file: null } }, methods: { handleFileUpload(event) { this.file = event.target.files[0] }, uploadFile() { this.$COS.uploadFile(this.file) .then(data => { console.log('文件上传成功', data) }) .catch(error => { console.error('文件上传失败', error) }) } } } </script> ``` 请注意,上述代码仅为示例,实际使用时需要根据自己的腾讯COS配置信息进行相应的修改。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

淇云博客

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值