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

时间:2019-02-10 14:45:43

标签: javascript node.js express vue.js nuxt.js

想法

首先,您拥有一个与其他网站一样的主要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”时,都会显示以下消息:

enter image description here

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

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

有想法吗?

1 个答案:

答案 0 :(得分:0)

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

更多信息在这里:

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

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