ediaos/vue-cli3-ssr-project

axios异步请求的问题

MacMang opened this issue · 4 comments

我运行了你的项目,你的可以直接加载首页的所有数据.但是我的只能加载几个简单的标签.axios异步请求的数据完全没有在服务器端渲染.依然在前端渲染.请不吝赐教!

这个工程有一个 /server/ssr-page-config.js 你可以看下,我猜测是因为你每天配置。这个配置默认打开 只有需要SSR的页面配置,才进行SSR渲染。 当然你也可以关闭。具体看下提供的路径配置

我直接改成这样了,依然还是前端渲染
app.use(async (ctx, next) => {
if (true) {
await ssrRequestHandle(ctx, next);
} else {
ctx.body = spaTemplate;
}
});
我也把这段代码给注释了 /server/ssr-page-config.js
非常奇怪.我用了两种配置,都只在服务器渲染基础标签,没有渲染数据
try {
var html = await renderer.renderToString(context);
console.log("html=",html); //这段代码只打印了基本的样式和标签,没有异步请求的数据
ctx.body = html
} catch (err) {
handleError(ctx, err);
}

好的!非常感谢.我再试试!