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

 

本章主要内容以下:

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

页面的开发因为近期作出的更改较大。就放在下一篇中。node

静态资源服务器

静态资源服务器通常我叫他oss服务器,咱们通常都会将一些静态资源文件,好比图片或者其余的视频,音频文件,脚本文件等均可以进行存放。而咱们在开发中也仅仅经过链接引入便可进行使用。减小了本地图片的加载。在经过CDN加速后,起响应速度也不用担忧啦~vuex

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

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

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

固然这一切的前提是你已经有一个本身的域名了。没有的话也是可使用的。由于七牛会送你一个月或三个月的临时域名供你使用。测试

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

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

 

  1. 按照步骤进行空间名称地区的选择便可。这了不一样的地区的话之间其实区别不是很大。可能网速有些许差异。可是也没有很大的影响。视频

  1. 建立ok之后。就能够在左侧看到你所建立的空间,好比狗尾草的就是bgwhite。建立好之后。你们能够看到右侧空间概览一栏下,包含了这样一个功能融合CDN加速域名对象

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

点击添加域名

 

域名类型普通域名便可。

下一项输入须要加速的域名。这里你们若是已经有域名了,那么你可能须要建立一个你本身的子域名。狗尾草的域名时bgwhtie.cn。这里呢由于是存放静态资源的。因此建立的子域名为static.bgwhite.cn。

域名的厂商不一样,可能设置的方式也不相同,狗尾草的域名时阿里云的。所以登陆阿里云控制台。进入域名

 

 

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

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

详情见:CNAME

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

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

 

若是上传成功后,咱们能够经过预览功能查看是否成功上传,上传成功后。咱们便可通弄过外链来使用~

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

补充

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

下一章

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

  1. vuex的高阶使用

相关文章
相关标签/搜索