Nuxt模块将另一个网站添加为服务器

Question

想法

首先，您拥有一个与其他网站一样的主要Nuxt网站。然后，将我的模块添加到您的项目中。然后，我的模块将一个子域“ admin.example.com”添加到您的项目中，该子域是一个完全充实的基于Nuxt的网站，但完全在您的项目流程中运行，因此不必制作两个必须分别启动的网站项目，我的想法是，我可以先创建一个网站项目，然后创建一个模块项目，再添加另一个网站，然后将三个项目变成两个。

代码

module.js

this.addServerMiddleware(vhost('admin.website.com', adminApp));

adminApp.js

const {Nuxt, Builder} = require('nuxt');

const config = require('../admin/nuxt.config');
config.dev = true;

const nuxt = new Nuxt(config);

if (nuxt.options.dev) {
  new Builder(nuxt).build()
    .catch(function(error) {
      console.log(error);
    })
}

module.exports = nuxt.render;

管理网站中nuxt.config.js的一部分

// __dirname leads to my modules directory
// process.cwd() leads to the main websites folder
module.exports = {
  mode: 'universal',
  srcDir: __dirname,
  rootDir: __dirname,
  modulesDir: process.cwd(),

问题

每当我转到“ admin.website.com”时，都会显示以下消息：

我已经尝试了各种更改和调整，但是似乎没有任何效果。据我所知，这可能与以下事实有关：A）网站建立在找不到找到的资源文件的地方，或者B）我没有向意大利面条怪物祈祷。 >

我尝试将adminApp导出为使用app.use(nuxt.render)的Express应用程序，但这会导致相同的错误，因此我确定这不是问题。我已经尝试将api.website.com的Express应用程序使用，并且效果很好，所以我知道我很喜欢|-|接近使所有这些工作。这样添加子域确实可以工作，并且每个子域都可以是Express应用程序，但是由于某种原因，Nuxt在以这种方式使用时找不到任何资源。根据{{​​3}} nuxt.render(req, res)的描述，您可以看到req和res作为参数，这意味着我不需要通过Express应用程序使用它，{{1 }}已经是Express应用。

有想法吗？

Answer 1

在通过无服务器提供应用程序之前，我遇到了此错误。我认为您需要在nuxt.config.js中为这两个应用程序显式设置publicPath或buildDir，以使安装工作正常。您的问题可能是所有构建资产都在同一文件夹中生成，导致其中一个应用程序找不到构建资产。在nuxt.config.js上设置buildDir属性，并在build属性上定义publicPath设置。

更多信息在这里：

https://nuxtjs.org/api/configuration-builddir

https://nuxtjs.org/api/configuration-build#publicpath