Native nuxt serverMiddleware functionality with this setup does not work

[krisztianodor]

ServerMiddleware documentation

My setup

// app/serverMiddleware/test.js
module.exports = function (req, res, next) {
    console.log('It works!');
    next();
};

// nuxt.config.js
serverMiddleware: [
    '~/serverMiddleware/test'
],

Expected behavior:

At firebase serve on new page load 'It works!' string is logged on the server.

Actual behavior:

At firebase serve on new page load 'It works!' string is not logged on the server.

During development it works fine...

[krisztianodor]

After some read i think the problem is that the serverMiddleware stuffs are not getting bundled in the build. (but why...?)

Solution

Modify firebase nuxt config:

// functions/index.js
const config = {
  dev: false,
  buildDir: '.nuxt',
  build: {
    publicPath: '/assets/'
  },
  serverMiddleware: [
    '~/serverMiddleware/test'
  ],
}

Copy serverMiddleware stuffs to firebase dist/server:

// package.json
"copy": "...;cp -R app/serverMiddleware dist/server",

According to this (the bundle is not containing everything) we should deploy the whole app directory to the firebase...