分享：快速部署一個node+vue2:SPA應用

2016年vue一直是一個很火的話題，在12中旬我也用node + vue2.0全家桶模仿 hexo 的 Yumemor主題魯了一個博客。github項目地址,用vue2.0魯博客的已經不少，這裏主要講講如何快速的部署一個node+vue的博客在新浪雲上(非廣告，只爲分享給那些須要的同窗)，若是你是對這個博客感興趣能夠訪問這裏

這裏以個人博客爲例子：

• 先準備好代碼

  git clone git@github.com: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
}

好了如今就能夠訪問到剛纔部署的網站，相比本身買一個服務器安來講快速多了，幾分鐘搞定！！！下面放幾張操做流程圖：