在不同路由的现有Express服务器上部署Nuxt应用程序

在不同路由的现有Express服务器上部署Nuxt应用程序,express,vue.js,nuxt.js,Express,Vue.js,Nuxt.js,我有一个Express server,它已经为一个Vue SPA提供服务,现在我在Nuxt中重新制作了该应用程序的一部分,我也想从我的Express server提供服务。 问题是我需要在不同的路线上为Nuxt应用程序提供服务,因此我添加了: app.use('/nuxt-page', async function (req, res, next) { const nuxt = await loadNuxt('start'); app.use(nuxt.render) nuxt.re

我有一个Express server,它已经为一个Vue SPA提供服务,现在我在Nuxt中重新制作了该应用程序的一部分,我也想从我的Express server提供服务。 问题是我需要在不同的路线上为Nuxt应用程序提供服务,因此我添加了:

app.use('/nuxt-page', async function (req, res, next) {
  const nuxt = await loadNuxt('start');
  app.use(nuxt.render)
  nuxt.render(req, res, next);
});
这与预期的一样,我的应用程序在加载时会出现一系列错误,如:

runtime.ebdd172.js:1 Uncaught SyntaxError: Unexpected token '<'
_id.01b04c8.js:1 Uncaught SyntaxError: Unexpected token '<'
commons.ba5b5ff.js:1 Uncaught SyntaxError: Unexpected token '<'
app.55bd190.js:1 Uncaught SyntaxError: Unexpected token '<'
很遗憾,我在dist的.nuxt文件夹下找不到该文件。 也许值得一提的是我的部署策略,我使用
npm run build
构建Nuxt应用程序,然后复制Express应用程序根目录中的整个.Nuxt目录。我还通过nuxt.config将其复制到我的Express应用程序的根目录中。
非常感谢您的任何意见

文档中有一个隐藏的部分,我认为这应该会有所帮助。这基本上告诉应用程序的nuxt部分,新的BaseDir将位于
/nuxt页面
,而不是
/
。对于意外的令牌问题,文件的Mimetype可能与发送到浏览器的内容不匹配。为此,我将查看Express配置,并检查DevTools中的“网络”选项卡,以确保所有内容都正确加载。只是跟着错误走
css/chunk-13593c0e.946eed36.css