axios 注册拦截器 cdn引用

f650b8bcde3133a4049390c4e9b9d2d0.gif

嗨,大家好,今天给大家分享的是

使用七牛云等云服务商提供的对象存储服务,存储网站图片,并且可以cdn加速图片,让你的网页变得更快。

首先给大家多多介绍一些有关的知识。 目前各大云服务商都提供了对象存储服务,如七牛云 QINIU、又拍云 USS、腾讯云 COS、阿里云 OSS 等。我们可以使用这些服务器来存储图片信息,并将其称为

图床

。图床之前也给大家介绍过。

使用图床的好处有以下几点:

  • 可以减轻服务器的存储压力;

    如果你自己把需要的图片都上传到服务器,那么会占用比较大的存储空间,给服务器带来存储压力。

  • 减轻因为图片带来的额外的流量消耗;

  • 图床一般都是具有CDN加速的,可以让你的网页变得更快。

    把需要的图片上传到图床后,我们只需要图片的链接,就可以在网站后台编辑区使用,或者在markdown中直接使用图片,并且拥有专有的cdn加速,使读者可以更快的加载图片。

常用的与存储服务费用对比:139c22066e5e4965228e3f2bc9a3fb90.png

七牛云是专业的云服务商,提供了比较完备的服务,免费额度足够个人博客使用;七牛云可以提供CDN加速,可以让你在浏览网页时最快接收页面中的图片、音频等文件,目前使用CDN加速网站已经是个人、企业在建站过程中必须考虑的事情了。 下面开始使用七牛云进行图片存储教程。

七牛云:

1.注册账号并实名认证:

访问七牛云

官网:https://portal.qiniu.com/signup

注册后,在

个人中心->个人信息

中实名认证。

2.新建存储空间:

在产品主页点击

对象存储立即添加

,新建存储空间。

20d47db4bd8991b5fb3051521b3a64ce.png

  • 存储空间名称:满足要求就行;

  • 存储区域:建议选择一个离你比较近的CDN;

  • 访问控制:必须选择公开空间,如果是私有,别人无法访问图片。

e4e0d17b75c878c1bd8b32cff57b8e34.png

进入新建的存储空间,点击右侧

域名

,绑定CDN加速的域名。 详细域名设置参数可以参见官方文档,网址:

https://developer.qiniu.com/fusion/manual/4939/the-domain-name-to-accessd56369782a339cf937159835f33a3f42.png

  • 域名类型:选择普通域名即可;

  • 加速域名:填写自己已经备案的二级域名;

  • 通信协议:选择HTTP,HTTPS是收费的;

其它默认。

6ae3a3ffd47eac81e2f0995fb8e1ea21.png

添加加速域名后,七牛云会提供CNAME地址,如下。 我们需要在域名服务商,也就是域名控制台,添加这一条域名解析记录,把加速域名指向分配的CNAME地址。

d3cb4c2f42d05f6105de20cb8bb8b219.png

不知道怎么配置的可以参见七牛云官方文档 官方配置域名CNAME文档网址:

https://developer.qiniu.com/fusion/kb/1322/how-to-configure-cname-domain-name

或者点击如何配置也能跳转到。

7dc8fc0a0b828675cffd8575153090f8.png

由于我的域名是阿里云的,所以我在阿里云域名控制台域名解析添加以下CNAME记录。

4a294ba2fd2660e957e61e74e48a6c28.png

查看自己的加速域名,是否解析到CNAME值上 windows可以

win+R

,打开运行,输入cmd,输入命令

nslookup 你的加速域名

。 如果地址那里的CNAME值和自己申请的一样,那么就成功了。

1ee87075bfe5064821089a5489201a31.png

3.上传文件:

上传文件很简单,进入空间,文件管理,上传文件即可。

1b2b00db69b2763d80d6dc96f8eeb45c.png

上传后的图片文件可以复制链接,就可以使用在markdown或者网站中了,并且文件还带有七牛云CDN加速。

66616e2af41f46dde34545d5ac380657.png

但是我在使用过程中也发现了文件管理的一点小缺点,就是无法在线创建文件夹,这样对图片的分类很乱,不过也有解决办法,就是在上传到七牛云前在本地就创建好文件夹,上传时候直接上传文件夹即可。 欧克,那本次分享就到此为止了,七牛云我其实已经配置成功好多天了,就是自己太忙没时间写教程,这两天看到就赶紧写了,要不然再拖就忘了。

那觉得有帮助的话记得打卡支持一下小e哦!!!

·end·

管家小e

你身边的电脑管家

d284fc2490846960a28a7800188146df.gif

微信号:guanjiaxiao_e

原文链接:https://blog.csdn.net/weixin_39846289/article/details/109914285?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522165934458816781683913367%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=165934458816781683913367&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~times_rank-11-109914285-null-null.nonecase&utm_term=%E8%87%AA%E5%BB%BAcdn

原创文章,作者:优速盾-小U,如若转载,请注明出处:https://www.cdnb.net/bbs/archives/6351

(0)
上一篇 2022年9月25日 03:51
下一篇 2022年9月25日 04:40

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

优速盾注册领取大礼包www.cdnb.net
/sitemap.xml