ssr無需等待，讓前端獨立于后端進行開發

Java_oldboy 發布于2019-08-22 10:58 / 1369人閱讀

摘要：大家肯定遇到過，當后端沒有編寫完成時，前端無法進行調試，這就導致了前端會被后端阻塞的情況。強制跨域訪問請求不報錯啟動多個服務，自動解決端口沖突設置指定端口號全局安裝命令幫助。

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);

云服務器 GPU云服務器后端開發和前端開發前端開發后端開發后端和前端開發前端后端開發

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/91537.html

mockjs讓前端開發獨立于后端

摘要：可以模擬數據，攔截請求，返回模擬數據，無需后端返回就可以測試前端程序官網原文首先在頭中引入我們需要的文件在請求之前，用定義返回數據表示成功，表示錯誤信息不完整彈出錯誤信息在中的要與中的相同，比如我這里是那么好了，說到這里，我們進行測試一下調 mock.js 可以模擬ajax數據，攔截ajax請求，返回模擬數據，無需后端返回就可以測試前端程序 mockjs官網原文：http://i.j...

Half 2019-08-29 11:31 評論0 收藏0
mockjs讓前端開發獨立于后端

摘要：可以模擬數據，攔截請求，返回模擬數據，無需后端返回就可以測試前端程序官網原文首先在頭中引入我們需要的文件在請求之前，用定義返回數據表示成功，表示錯誤信息不完整彈出錯誤信息在中的要與中的相同，比如我這里是那么好了，說到這里，我們進行測試一下調 mock.js 可以模擬ajax數據，攔截ajax請求，返回模擬數據，無需后端返回就可以測試前端程序 mockjs官網原文：http://i.j...

Ali_ 2019-08-20 12:01 評論0 收藏0
mockjs讓前端開發獨立于后端

摘要：可以模擬數據，攔截請求，返回模擬數據，無需后端返回就可以測試前端程序官網原文首先在頭中引入我們需要的文件在請求之前，用定義返回數據表示成功，表示錯誤信息不完整彈出錯誤信息在中的要與中的相同，比如我這里是那么好了，說到這里，我們進行測試一下調 mock.js 可以模擬ajax數據，攔截ajax請求，返回模擬數據，無需后端返回就可以測試前端程序 mockjs官網原文：http://i.j...

Terry_Tai 2019-08-01 15:55 評論0 收藏0
讓前端攻城師獨立于后端進行開發: Mock.js

摘要：一是什么目前的大部分公司的項目都是采用的前后端分離后端接口的開發和前端人員是同時進行的那么這個時候就會存在一個問題在頁面需要使用大量數據進行渲染生成前后端開發人員的接口也許并沒有寫完作為前端的我們也就沒有辦法獲取數據所以前端工程師就需要自己 showImg(https://segmentfault.com/img/remote/1460000013022563); 一.Mock.js是...

Fundebug 2019-08-22 14:06 評論0 收藏0