ssr

2019-06-13 admin

ssr是什么

什么是ssr,Setting a directory to a static server.

ssr使用教程帮助文档

简体中文

A dev server for rapid prototyping. It provides a neat interface for listing the directory’s contents and switching into sub folders.

In addition, it’s also awesome when it comes to serving static sites. If a directory contains an index.html, serve will automatically render it instead of serving directory contents, and will serve any .html file as a rendered page instead of file’s content as plaintext.

Features

<g-emoji class=“g-emoji” alias=“card_index_dividers” fallback-src=“https://github.githubassets.com/images/icons/emoji/unicode/1f5c2.png”>🗂</g-emoji> Serve static content like scripts, styles, images from a directory. <g-emoji class=“g-emoji” alias=“desktop_computer” fallback-src=“https://github.githubassets.com/images/icons/emoji/unicode/1f5a5.png”>🖥</g-emoji> Reroute all non-file requests like / or /admin to a single file. <g-emoji class=“g-emoji” alias=“recycle” fallback-src=“https://github.githubassets.com/images/icons/emoji/unicode/267b.png”>♻️</g-emoji> Reload the browser when project files get added, removed or modified. <g-emoji class=“g-emoji” alias=“books” fallback-src=“https://github.githubassets.com/images/icons/emoji/unicode/1f4da.png”>📚</g-emoji> Readable source code that encourages learning and contribution. <g-emoji class=“g-emoji” alias=“boom” fallback-src=“https://github.githubassets.com/images/icons/emoji/unicode/1f4a5.png”>💥</g-emoji> Remove the redundancy proxy feature, Please use mocker-api. <g-emoji class=“g-emoji” alias=“atom_symbol” fallback-src=“https://github.githubassets.com/images/icons/emoji/unicode/269b.png”>⚛️</g-emoji> Preview the static page of the React/Vue/Angular project.

Quick Start

Add ssr as a dev dependency using npm i ssr -D or run directly from the terminal:

npm install -g ssr # install ssr
ssr # Create server
# or
npx ssr [--port] [--dir]

Command help

Usage: ssr [options]

Options:
  --version      Show version number                                   [boolean]
  --port, -p     Set the port.                          [number] [default: 1987]
  --reload-port  Set the reload port.                  [number] [default: 19872]
  --reload, -r   browser from reloading when files change.
                                                       [boolean] [default: true]
  --dir, -d      Specified directory.                     [string] [default: ""]
  --browser, -b  Browser from opening when the server starts.
                                                       [boolean] [default: true]
  --fallback     The file served for all non-file requests.
                                                          [string] [default: ""]
  --help         Show help                                             [boolean]

Examples:

  $ ssr                            Start a dev server.
  $ ssr --no-browser               Prevents the browser from opening when the
                                   server starts.
  $ ssr --no-reload                prevents the browser from reloading when
                                   files change.
  $ ssr --fallback dir/index.html  The file served for all non-file requests..
  $ ssr -p 2019                    Designated port.
  $ ssr -d node_modules/dir        Specified directory "node_modules/dir".

Copyright 2019

Example usage with npm scripts in a project’s package.json file:

{
  "scripts": {
    "start": "npx ssr -p 2019"
  }
}

Used in Node.js

const ssr = require('ssr');

// Create server
ssr.default({ port: 1987, dir: '' });
import server from 'ssr';

// Create server
server({ port: 1987, dir: '' });

License

MIT © Kenny Wong

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-67173.html

文章标题:ssr

相关文章
nuxtjs+express+vue2+vuex搭建的服务端渲染(SSR)个人网站项目
5se7en.com nuxtjs+express+vue2.0+vuex搭建的服务端渲染个人网站项目. github项目地址: https://github.com/se7en-1992… 项目线上地址:https://5se7en.co...
2018-03-09
Vue SSR 初探
前段时间弄了一个前后端分离的 vue-koa-demo,最近为这个项目提供了 Vue SSR 的支持。项目比较简单,所以转成 Vue SSR 成本还是不太大的,但是其中也踩了几个坑,在此记录一下。 一开始接触 Vue SSR 当然还是 官方...
2018-09-29
React 中同构(SSR)原理脉络梳理
随着越来越多新型前端框架的推出,SSR 这个概念在前端开发领域的流行度越来越高,也有越来越多的项目采用这种技术方案进行了实现。SSR 产生的背景是什么?适用的场景是什么?实现的原理又是什么?希望大家在这篇文章中能够找到你想要的答案。 说到...
2018-10-18
带你五步学会Vue SSR
前言 SSR大家肯定都不陌生,通过服务端渲染,可以优化SEO抓取,提升首页加载速度等,我在学习SSR的时候,看过很多文章,有些对我有很大的启发作用,有些就只是照搬官网文档。通过几天的学习,我对SSR有了一些了解,也从头开始完整的配置出了SS...
2018-10-10
浅谈spa、seo与ssr
前后端分离算是最近Web开发的大趋势了,目前已经有大量的公司使用了前后端分离的开发方式。那我们就来大概谈谈前后端分离开发中必须要了解和接触的几个概念:SPA、SEO和SSR。在谈这几个概念之前,先来聊聊我理解的前后端分离。 我理解的前后端分...
2018-10-13
针对搜索引擎爬虫的欺骗式SSR
玩Google Webmasters的可能会有这种经历。自己开发的app用了Vue/React,写完后用Fetch as Google一爬傻眼了,爬不到东西。 网上搜解决方案出来的都是一堆额外的SSR框架,要上node,还看起来麻烦的要死...
2018-02-10
vue + koa2 + webpack4 构建ssr项目
什么是服务器端渲染 (SSR)?为什么使用服务器端渲染 (SSR)? 看这 Vue SSR 指南 技术栈 vue、vue-router、vuex koa2 webpack4 axios babel、eslint css、stylus、po...
2019-01-18
细说后端模板渲染、客户端渲染、node 中间层、服务器端渲染(ssr)
前端与后端渲染方式的发展大致经历了这样几个阶段:后端模板渲染、客户端渲染、node 中间层、服务器端渲染(ssr)。 1. 后端模板渲染 前端与后端最初的渲染方式是后端模板渲染,就是由后端使用模板引擎渲染好 html 后,返回给前端,前端再...
2018-10-16
vueSSR: 从0到1构建vueSSR项目 --- node以及vue-cli3的配置
上一次做了路由的相关配置,原本计划今天要做vuex部分,但是想了想,发现vuex单独的客户端部分穿插解释起来很麻烦,所以今天改做服务端部分。 服务端部分做完,再去做vuex的部分,这样就会很清晰。 vue ssr是分两个端,一个是客户端,一...
2019-01-28
跟著小明一起搞懂技術名詞:MVC、SPA 與 SSR
這篇的靈感來自於 Front-End Developers Taiwan 裡面的一串討論,有人 po 了一個影片是來討論「MVC vs SPA」,這個標題一出來大家都驚呆了,想說怎麼會有這樣的比較,於是下面掀起一波激烈的討論,最後發現原 ...
2018-06-26
回到顶部