資訊專欄INFORMATION COLUMN
摘要：大家肯定遇到過，當(dāng)后端沒有編寫完成時(shí)，前端無法進(jìn)行調(diào)試，這就導(dǎo)致了前端會(huì)被后端阻塞的情況。強(qiáng)制跨域訪問請求不報(bào)錯(cuò)啟動(dòng)多個(gè)服務(wù)，自動(dòng)解決端口沖突設(shè)置指定端口號(hào)全局安裝命令幫助。
ssr
將一個(gè)目錄設(shè)置成一個(gè)靜態(tài)服務(wù)器。。大家肯定遇到過，當(dāng)后端 API 沒有編寫完成時(shí)，前端無法進(jìn)行調(diào)試，這就導(dǎo)致了前端會(huì)被后端阻塞的情況。而ssr相當(dāng)于是搭建了一個(gè) Mock Server ，構(gòu)建假數(shù)據(jù)，然后把這些假數(shù)據(jù)存到 JSON 文件上，Mock Server 可以響應(yīng)請求或者生成頁面，當(dāng)然也可以順便生成 API 文檔。
強(qiáng)制跨域訪問(AJAX請求不報(bào)錯(cuò))
啟動(dòng)多個(gè)服務(wù)，自動(dòng)解決端口沖突
設(shè)置指定端口號(hào)
全局安裝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 # 默認(rèn) 端口 1987 訪問地址：=> http://localhost:1987 $ ssr -p 2015 # 端口設(shè)置 2015 訪問地址：=> http://localhost:2015 $ ssr -cp 2015 #端口設(shè)置 2015 并且 可以跨域訪問
注意： 默認(rèn)不傳端口，起多個(gè)服務(wù)不會(huì)發(fā)生端口沖突，盡情玩耍吧。
使用方法建兩個(gè)目錄文件 dir1 和 dir2
分別進(jìn)入這兩個(gè)目錄使用ssr起服務(wù)
dir1 運(yùn)行ssr -cp 1987 起來之后為 http://localhost:1987，dir2 運(yùn)行 ssr -cp 2015 起來之后地址為 http://localhost:2015
本地?cái)?shù)據(jù) mock 方法一在 dir1 中存一個(gè)文件 file 里面是JSON數(shù)據(jù)格式
在 dir2 中存一個(gè) index.html 通過 jQuery 去訪問 file 文件返回 JSON 或者你輸入file文件中的內(nèi)容的內(nèi)容
方法二proxy.config.js 的配置方法：
module.exports = {
// Mock 數(shù)據(jù)返回
"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 接受傳遞數(shù)據(jù)
// 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當(dāng)前目錄安裝
npm install ssr
nodejs 中應(yīng)用，這個(gè)在 idoc文檔生成工具中應(yīng)用過了
var ssr = require("ssr");
ssr(1998);
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/91537.html
摘要：可以模擬數(shù)據(jù)，攔截請求，返回模擬數(shù)據(jù)，無需后端返回就可以測試前端程序官網(wǎng)原文首先在頭中引入我們需要的文件在請求之前，用定義返回?cái)?shù)據(jù)表示成功，表示錯(cuò)誤信息不完整彈出錯(cuò)誤信息在中的要與中的相同，比如我這里是那么好了，說到這里，我們進(jìn)行測試一下調(diào) mock.js 可以模擬ajax數(shù)據(jù)，攔截ajax請求，返回模擬數(shù)據(jù)，無需后端返回就可以測試前端程序 mockjs官網(wǎng) 原文：http://i.j...
摘要：可以模擬數(shù)據(jù)，攔截請求，返回模擬數(shù)據(jù)，無需后端返回就可以測試前端程序官網(wǎng)原文首先在頭中引入我們需要的文件在請求之前，用定義返回?cái)?shù)據(jù)表示成功，表示錯(cuò)誤信息不完整彈出錯(cuò)誤信息在中的要與中的相同，比如我這里是那么好了，說到這里，我們進(jìn)行測試一下調(diào) mock.js 可以模擬ajax數(shù)據(jù)，攔截ajax請求，返回模擬數(shù)據(jù)，無需后端返回就可以測試前端程序 mockjs官網(wǎng) 原文：http://i.j...
摘要：可以模擬數(shù)據(jù)，攔截請求，返回模擬數(shù)據(jù)，無需后端返回就可以測試前端程序官網(wǎng)原文首先在頭中引入我們需要的文件在請求之前，用定義返回?cái)?shù)據(jù)表示成功，表示錯(cuò)誤信息不完整彈出錯(cuò)誤信息在中的要與中的相同，比如我這里是那么好了，說到這里，我們進(jìn)行測試一下調(diào) mock.js 可以模擬ajax數(shù)據(jù)，攔截ajax請求，返回模擬數(shù)據(jù)，無需后端返回就可以測試前端程序 mockjs官網(wǎng) 原文：http://i.j...
摘要：一是什么目前的大部分公司的項(xiàng)目都是采用的前后端分離后端接口的開發(fā)和前端人員是同時(shí)進(jìn)行的那么這個(gè)時(shí)候就會(huì)存在一個(gè)問題在頁面需要使用大量數(shù)據(jù)進(jìn)行渲染生成前后端開發(fā)人員的接口也許并沒有寫完作為前端的我們也就沒有辦法獲取數(shù)據(jù)所以前端工程師就需要自己 showImg(https://segmentfault.com/img/remote/1460000013022563); 一.Mock.js是...
閱讀 838·2023-04-26 00:37
閱讀 724·2021-11-24 09:39
閱讀 2152·2021-11-23 09:51
閱讀 3827·2021-11-22 15:24
閱讀 750·2021-10-19 11:46
閱讀 1879·2019-08-30 13:53
閱讀 2433·2019-08-29 17:28
閱讀 1327·2019-08-29 14:11
