ssr無需等待，讓前端獨立於後端進行開發

ssr

將一個目錄設置成一個靜態服務器。。你們確定遇到過，當後端 API 沒有編寫完成時，前端沒法進行調試，這就致使了前端會被後端阻塞的狀況。而ssr至關因而搭建了一個 Mock Server ，構建假數據，而後把這些假數據存到 JSON 文件上，Mock Server 能夠響應請求或者生成頁面，固然也能夠順便生成 API 文檔。

• 強制跨域訪問(AJAX請求不報錯)

• 啓動多個服務，自動解決端口衝突

• 設置指定端口號

全局安裝

npm install -g ssr

命令幫助。

Usage: ssr [options]

Options:
  --help, -h         Show help                                        
  --version, -V, -v  Show version number                              
  --port, -p         Set the port!
  --cors, -c         allows cross origin access serving
  --proxy            Local data mock                         [string]

  copyright 2015

命令使用 ssr

$ ssr           # 默認 端口 1987   訪問地址：=> http://localhost:1987
$ ssr -p 2015   # 端口設置 2015   訪問地址：=> http://localhost:2015
$ ssr -cp 2015   #端口設置 2015  而且 能夠跨域訪問

注意： 默認不傳端口，起多個服務不會發生端口衝突，盡情玩耍吧。

使用方法

• 建兩個目錄文件 dir1 和 dir2

• 分別進入這兩個目錄使用ssr起服務

• dir1 運行ssr -cp 1987 起來以後爲 http://localhost:1987，dir2 運行 ssr -cp 2015 起來以後地址爲 http://localhost:2015

本地數據 mock

方法一

• 在 dir1 中存一個文件 file 裏面是JSON數據格式

• 在 dir2 中存一個 index.html 經過 jQuery 去訪問 file 文件返回 JSON 或者你輸入file文件中的內容的內容

方法二

proxy.config.js 的配置方法：

module.exports = {
    // Mock 數據返回
    'GET /users': [{name:'kenny wang'}, {name:'JSLite doc'}],
    'GET /users/1': {name:'JSLite api'},
    'POST /users':{name:'JSLite'},
    'POST /users/2':"22323sd",
    'POST /users':function(data,url){
        // data 接受傳遞數據
        // url 請求
        // 接受
        // - form-data
        // - x-www-form-urlencoded
        // - raw
        if(data.name === 'jslite'){
            return {name:'臥槽121221'}
        }else{
            return {name:'yyy'}
        }
    }
};

使用方法

$ ssr --proxy example/proxy.config.js -p 19992

當前目錄安裝

npm install ssr

nodejs 中應用，這個在 idoc文檔生成工具中應用過了

var ssr = require('ssr');
    ssr(1998);