ssr 无需等待让前端独立于后端进行开发

发布于 2021-12-09 21:58:17 字数 1904 浏览 1206 评论 0

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  并且 可以跨域访问

注意: 默认不传端口,起多个服务不会发生端口冲突,尽情玩耍吧。

使用方法

  • 建两个目录文件 dir1dir2
  • 分别进入这两个目录使用ssr起服务
  • dir1 运行ssr -cp 1987 起来之后为 http://localhost:1987dir2 运行 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);

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

关于作者

妖妓

暂无简介

0 文章
0 评论
520 人气
更多

推荐作者

留蓝

文章 0 评论 0

18790681156

文章 0 评论 0

zach7772

文章 0 评论 0

Wini

文章 0 评论 0

ayeshaaroy

文章 0 评论 0

初雪

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文