网站加速 — 前后端上传图片至七牛云

一、问题来源
平时我们开发网页的时候，动态图片都是从后端请求数据，最后再把图片地址填充到img标签，但是这样对于图片较多的网页来说就显得很不友好，加载速度巨慢，用户体验极差。为了提高图片加载速度，我们就可以把图片上传到七牛云存储空间，在我们自己的网页中使用图片外链(而不需要再把图片上传到我们自己的服务器)，这样就可以在打开网页的瞬间加载完图片。下面来看看如何使用七牛云及如何完成图片上传、外链获取等流程。

二、使用七牛云
１、注册七牛云账号，申请存储空间。
２、解析域名，获取七牛加速域名（七牛上新建域名－>在阿里云做cname）。
阿里云cname例子:

记录值为七牛加速域名，主机记录为二级域名前缀，比如主机记录为image，那么解析出来就是image.主机名。

３、在个人中心获取秘钥，用来配置token。

三、实现图片上传及外链获取步骤
1、获取token（通过接口向后端请求获取）
2、获取七牛云上的加速域名和存储空间名
3、创建上传文件的函数
4、获取上传文件返回值，返回值即为图片外链。

四、前后端具体代码实现
后端配置接口返回token:

// 引入七牛云
const qiniu = require('qiniu')