分享：快速部署一个node+vue2:SPA应用

2016年vue一直是一个很火的话题，在12中旬我也用node + vue2.0全家桶模仿 hexo 的 Yumemor主题鲁了一个博客。github项目地址,用vue2.0鲁博客的已经很多，这里主要讲讲如何快速的部署一个node+vue的博客在新浪云上(非广告，只为分享给那些需要的同学)，如果你是对这个博客感兴趣可以访问这里

这里以我的博客为例子：

• 先准备好代码

  git clone [e-mail]:zhangfu-git/vue2.0-.git
  npm run build

• 登录新浪云 => 点击控制台 => 选择云应用SAE => 创建应用

• 点击应用名(进入到应用管理) => 点击应用菜单=> 选择代码管理（按说明上说代码）成功创建数据库

• 点击数据库与缓存服务 => 选择mongoDB => 创建数据库 => (成功后进如详情复制URI)

• 代码管理下面有一个环境变量，我们需要添加一个MONGODB_URI,值为true

上面这些步骤已经准备好了线上的环境，现在只要简单的修改代码里面mongodb连接的URI和添加一个环境变量就可以跑起我的博客了。

//打开项目找到config/db_config.js
let MONGODB_URI = 'mongodb://localhost/zhangfu'    //本地数据库uri

if (process.env.MONGODB_URI) {    //MONGODB_URI  这是等等新浪云上需要添加环境变量，主要是区分生成和开发环境
  MONGODB_URI = '添加上刚才复制的mongodb的URI'
}

module.exports = {
  MONGODB_URI: MONGODB_URI
}

好了现在就可以访问到刚才部署的网站，相比自己买一个服务器安来说快速多了，几分钟搞定！！！下面放几张操作流程图：