chore: 通过query可以迅速切换渲染模式

Author: zhangyuang

README.md

@@ -124,9 +124,15 @@ const Layout = (props) => {
 }
 ```
 
-### 渲染模式无缝切换
+### 如何切换渲染模式
 
-在本地开发时，你可以同时启动ssr/csr两种渲染模式查看区别，在生产环境时，你可以通过设置config中的type属性来切换不同的渲染模式，在流量较大时可以降级为csr应用
+在本地开发时，你可以同时启动ssr/csr两种渲染模式查看区别，在生产环境时，你可以通过设置config中的type属性来切换不同的渲染模式或者通过query来切换，在流量较大时可以降级为csr渲染模式
+
+```
+$ open http://localhost:7001/ 以SSR模式渲染应用
+$ open http://localhost:8000/ 本地开发环境以CSR模式渲染应用
+$ open http://localhost:7001/?csr=true 生产环境迅速切换为CSR模式渲染或者通过config.type来设置渲染模式
+```
 
 ### 特性
 

packages/ykfe-utils/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ykfe-utils",
-  "version": "2.4.2",
+  "version": "2.5.0",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",

packages/ykfe-utils/src/renderToStream.js

@@ -2,8 +2,12 @@ const renderToStream = async (ctx, config) => {
   const baseDir = config.baseDir || process.cwd()
   const isLocal = process.env.NODE_ENV === 'development'
   const serverJs = config.serverJs
-
-  if (config.type !== 'ssr') {
+  let csr
+  if (ctx.request && ctx.request.query) {
+    // 兼容express和koa的query获取
+    csr = ctx.request.query.csr
+  }
+  if (config.type !== 'ssr' || csr) {
     const renderLayout = require('yk-cli/lib/renderLayout').default
     const str = await renderLayout(ctx)
     return str