Vue实战狗尾草博客管理平台第五章

源码地址：https://github.com/18291907191/gwc_manage

 

本章主要内容如下：

静态资源服务器的配置。学会如何使用静态资源服务器引入静态资源。并给大家推荐一个免费可使用的oss服务器~

页面的开发由于近期做出的更改较大。就放在下一篇中。

静态资源服务器

静态资源服务器一般我叫他oss服务器,我们一般都会将一些静态资源文件，比如图片或者其他的视频，音频文件，脚本文件等都可以进行存放。而我们在开发中也仅仅通过连接引入即可进行使用。减少了本地图片的加载。在通过CDN加速后，起响应速度也不用担心啦~

免费的静态资源服务器体验

七牛云确实是一个挺良心的平台哈。说真的。不管是服务器， 还是域名或者其他的产品价格都是挺实惠的。这里呢，狗尾草要说的是，新用户注册的话是会送一年的免费的对象空间存储的。

这里所谓的对象存储空间就是本章的一个重点。因为我们会配置好并进行使用。

当然这一切的前提是你已经有一个自己的域名了。没有的话也是可以使用的。因为七牛会送你一个月或三个月的临时域名供你使用。

1. 进入七牛云官网进行账号注册https://portal.qiniu.com/signup?ref=www.qiniu.com

2. 点击左侧对象存储，并点击新建存储空间

 

3. 按照步骤进行空间名称地区的选择即可。这了不同的地区的话之间其实区别不是很大。可能网速有些许差别。但是也没有很大的影响。

4. 创建ok以后。就可以在左侧看到你所创建的空间，比如狗尾草的就是bgwhite。创建好以后。大家可以看到右侧空间概览一栏下，包含了这样一个功能融合CDN加速域名

这里的意思就是说可以给你指定的域名进行CDN加速。可以让你的域名被访问的速度得到更快的响应。

点击添加域名

 

域名类型普通域名即可。

下一项输入需要加速的域名。这里大家如果已经有域名了，那么你可能需要创建一个你自己的子域名。狗尾草的域名时bgwhtie.cn。这里呢因为是存放静态资源的。所以创建的子域名为static.bgwhite.cn。

域名的厂商不同，可能设置的方式也不相同，狗尾草的域名时阿里云的。因此登录阿里云控制台。进入域名

 

 

点击进入域名解析。新增记录。记录值与七牛云上的CNAME值是对应的。

在七牛云加速域名创建后，会给域名分配一个CNAME值。这个值就是我们解析域名时所需要的记录值。这一过程可能需要一天时间。

详情见：CNAME

这一切步骤进行完成以后。我们的配置也就到了尾声。

为了测试我们的配置是否ok。我们点击进行内容管理点击上传文件。

 

如果上传成功后，我们可以通过预览功能查看是否成功上传，上传成功后。我们即可通弄过外链来使用~

到此，免费的静态资源服务器配置完成。

补充

oss服务器可不是只有这些功能。我们平时的开发呢。也可以通过配置七牛云SDK文档来进行文件的上传等操作。这里呢，后期再狗尾草的博客管理平台整理完成后。会继续整理输出一份关于node.js的实战开发文档的。

下一章

1. 文章页面的具体开发。

2. vuex的高阶使用