ssr.js无需等待,让前端独立于后端进行开发
看到这个工具我顿时晕了 => mock.js-无需等待,让前端独立于后端进行开发
这个ssr.js才是前端利器。
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
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
- 在
dir1
中存一个文件file
里面是JSON
数据格式 - 在
dir2
中存一个index.html
通过jQuery
去访问file
文件返回JSON
或者你输入file
文件中的内容的内容
当前目录安装
npm install ssr
nodejs 中应用
var ssr = require('ssr');
ssr(1998);
4 回复
mark
返回数据格式写在哪里
@forevercjl 我这个目前给前端 模拟 ajax 调用请求用的。 直接存到某个目录中存json
的 数据文件然后通过 ssr 启动, jQuery 请求就能获得返回数据
$.ajax({
type:'POST',
dataType:'json',
data:{"nike":"123","kacper":{"go":34,"to":100}},
url:'http://127.0.0.1:1987/api.JSON',
success:function(data){
console.log('success:',data)
},
error:function(d){
console.log('error:',d)
}
})
mark
来自炫酷的 CNodeMD