ExpressJS - 提供通用 Nuxt 应用程序和 AngularJS SPA

我有一个具有以下结构的博客项目：

• 服务器 - 用 Node/Express 编写
• 管理员 - AngularJS SPA
• public - AngularJS SPA（目前）

管理部分和公共部分具有相同的域，但管理部分使用不同的子域，这允许我在 Express 中像这样提供应用程序：

app.get('*', (req, res) => {
  var firstIndex = req.get('host').indexOf('.');
  var subdomain = req.get('host').substr(0, firstIndex).toLowerCase();
  if (subdomain === '') {
    // Public part
    res.sendFile(path.join(__dirname, '../public', 'index.html'));
  } else if (subdomain.indexOf('admin') !== -1) {
    // Admin part
    res.sendFile(path.join(__dirname, '../admin/js', 'index.html'));
  } else {
    // Static files
    res.sendFile(path.join(__dirname, '../', req.url));
  }
});

这个解决方案效果很好。它捕获所有请求并为每个子域提供正确的index.html。

PROBLEM-> 我想在 VueJS 中传递项目的公共部分，并具体使用Nuxt从服务器端渲染中受益。我是 Nuxt 的新手，所以还不了解这个框架的每个细节。

我看到可以服务Express 通用应用程序 https://stackoverflow.com/a/48708375/9013688，但我不知道如何使其与我当前的解决方案兼容。

任何帮助，将不胜感激！ 谢谢

建议致电nuxt.render在中间件的末尾，因为它将处理 Web 应用程序的渲染并且不会调用next() - https://nuxtjs.org/api/nuxt-render/ https://nuxtjs.org/api/nuxt-render/

首先，在“公共部分”调用next()。

其次，添加下面的 nuxt 中间件。

app.get('*', (req, res, next) => {
  var firstIndex = req.get('host').indexOf('.');
  var subdomain = req.get('host').substr(0, firstIndex).toLowerCase();
  if (subdomain === '') {
    // Public part, call next() to use the nuxt middleware!
    next();
  } else if (subdomain.indexOf('admin') !== -1) {
    // Admin part
    res.sendFile(path.join(__dirname, '../admin/js', 'index.html'));
  } else {
    // Static files
    res.sendFile(path.join(__dirname, '../', req.url));
  }
});

// The nuxt middleware
app.use(nuxt.render);

另一个也有效的例子。

// If Public part, response Nuxt server render app.
app.use((req, res, next) => {
  var subdomain = req.get('host').substr(0, firstIndex).toLowerCase();
  if (subdomain === '') {
    // Public part, call nuxt.render middleware
    nuxt.render(req, res, next);
  } else {
    next();
  }
});

// admin / static files
app.get('*', (req, res, next) => {
  var firstIndex = req.get('host').indexOf('.');
  var subdomain = req.get('host').substr(0, firstIndex).toLowerCase();
  if (subdomain.indexOf('admin') !== -1) {
    // Admin part
    res.sendFile(path.join(__dirname, '../admin/js', 'index.html'));
  } else {
    // Static files
    res.sendFile(path.join(__dirname, '../', req.url));
  }
});

我希望它有帮助！