Comments (7)
listen on:3008
<-- GET /static/js/main.js.map
/static/js/main.js.map
<-- GET /main.css.map
/main.css.map
<-- GET /static/css/main.css.map
/static/css/main.css.map
--> GET /main.css.map 200 47ms 260b
--> GET /static/css/main.css.map 200 41ms 269b
<-- GET /service-worker.js
/service-worker.js
--> GET /service-worker.js 200 23ms 1.33kb
打印出来的还是文件路径,导致并没有到renderToString这一步
from react-koa2-ssr.
对的,我也是发现这个问题,导致页面源码无法渲染出对应的源码而完全走了静态资源
from react-koa2-ssr.
我回去看一下 ,这个点还在加班
from react-koa2-ssr.
@guanren 应该是顺序写错了
server/app.js 入口文件
把这行代码app.use(require('koa-static')(__dirname + '../build'))
和app.use(index.routes(), index.allowedMethods())
这两个中间件调用顺序改一下应该就可以了。
koa2 是洋葱模型, 中间件进入的时候会被压倒一个栈里面 ,执行compose 方法来调用中间件函数.源码如下 从右往左。
return dispatch(0)
function dispatch (i) {
if (i <= index) return Promise.reject(new Error('next() called multiple times'))
index = i
let fn = middleware[i]
if (i === middleware.length) fn = next
if (!fn) return Promise.resolve()
try {
return Promise.resolve(fn(context, function next () {
return dispatch(i + 1)
}))
} catch (err) {
return Promise.reject(err)
}
}
server/app.js
app.use(json())
app.use(logger())
app.use(require('koa-static')(__dirname + '../build'))
// routes
app.use(index.routes(), index.allowedMethods())
app.use(staticCache (path.resolve(__dirname,'../build'),{
maxAge: 365 * 24 * 60 * 60,
gzip:true
}));
from react-koa2-ssr.
@guanren 我已经改了 你pull 一下 看可以吗
from react-koa2-ssr.
同问,并没有看到renderToString的内容
from react-koa2-ssr.
listen on:3008
<-- GET /static/js/main.js.map
/static/js/main.js.map
<-- GET /main.css.map
/main.css.map
<-- GET /static/css/main.css.map
/static/css/main.css.map
--> GET /main.css.map 200 47ms 260b
--> GET /static/css/main.css.map 200 41ms 269b
<-- GET /service-worker.js
/service-worker.js
--> GET /service-worker.js 200 23ms 1.33kb打印出来的还是文件路径,导致并没有到renderToString这一步
请问大家有什么解决办法吗?
from react-koa2-ssr.
Related Issues (20)
- 这个服务端渲染 不包括接口部分的数据拼接到html再渲染吗? HOT 5
- ssr+spa混合? HOT 1
- 如果做部分同构直出呢? HOT 2
- koa2的话能够做到不用重启,每次客户端都build不是很麻烦吗?请问有什么办法能够解决这种问题 HOT 2
- 首先下官方文档做了简单的介绍介绍http://cn.redux.js.org/docs/recipes/ServerRendering.html.
- 服务器端怎么部署 HOT 5
- SEO? 引擎能抓到内容吗?
- 按照您的项目启动服务之后,ctrl+u看不到源码 HOT 1
- f5刷新是spa,没有走ssr
- 可以请问一下 怎么配置.babelrc 与 package.jons 里面的 bable 不冲突吗?
- BrowserRouter路径怎么重定向啊
- npm run server时首次进入是否渲染了两次?
- 有计划将webpack升级到4.x吗?
- babel 的 preset 配置是不是冗余了
- Warning: Prop `src` did not match. Server: "[object Object]" Client: "/image/EH_jxxr.png" HOT 3
- 我现在用webpack搭建的,但是不知道koa2怎么搞,可以直接用你的这个server吗 HOT 2
- SSR HOT 1
- Is is possible to use localStorage before rendering in browser? HOT 5
- config 文件夹内容
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-koa2-ssr.