Question

关于角度通用的两个问题：

我如何获得角度来缓存服务器端的渲染页面，因为它只需要2s用于客户端的初始响应，因为angular每次都在服务器端生成页面。
在前端，似乎有角度破坏了网站，self.context。（funcname）例如不存在。我知道这些问题与调用函数的范围有关，如果我不使用通用（包括预启动），它确实有效。

任何想法。

Answer 1

只是回答这个问题：

我在server.ts中简单地制作了一个自定义解决方案：

const cache = {};

function ngApp(req, res) {
  let baseUrl = '/';
  let url = req.originalUrl || '/';
  res.setHeader('Cache-Control', 'public, max-age=300');
  if (cache.hasOwnProperty(url)) {
      var hit = cache[url];
      if (hit[0] > Date.now()) {
        res.status(200).send(hit[1]);
        return;
      }
  }

  res.render('index', {
    req,
    res,
    ngModule: MainModule,
    preboot: {
      appRoot: ['app'],
      uglify: false,
      buffer: true
    },
    async: false,
    baseUrl: baseUrl,
    requestUrl: req.originalUrl,
    originUrl: 'http://localhost:3000'
  },(err, html) => {
    cache[url] = [Date.now()+180000,html];
    res.status(200).send(html);
  });
}
app.get('*', ngApp);
app.get('/', ngApp);

所以基本上我检查一个内存中变量，如果我有一个请求的url的现有缓存条目，如果没有，或者它已经过期，那么我重新渲染页面并更新/创建一个缓存条目。

这大大改善了后续请求的提供。在本地，它从大约1秒到大约10毫秒。

服务器上的angular 2通用缓存呈现页面

1 个答案: