apollo.js

const ROOT_URL = process.env.ROOT_URL;
const httpEndpoint = `${ROOT_URL}/graphql`;

export default (context) => {
  // console.log("apollo", context);
  return {
    httpEndpoint: httpEndpoint,
    headers: { "CSRF-Token": context.$config.token }
  };
};

nuxt.config.js

export default {
  mode: "universal",
  modules: ["@nuxtjs/apollo"],
  apollo: {
    clientConfigs: {
      default: "~/plugins/apollo.js"
    }
  },
  // or create hook here
  // hooks: {
  //   "vue-renderer": {
  //     ssr: {
  //       context(ctx) {
  //         ctx.nuxt.config.token = ctx.req.csrfToken()  
  //         // console.log("vue-renderer:ssr:context called", arguments);
  //       }
  //     },
  //   }
  // }
};

postgraphile-nuxt-ssr.ts

import { Express } from "express";
// @ts-ignore
import { Builder, Nuxt } from "nuxt";

const isDev = process.env.NODE_ENV === "development";

// We instantiate Nuxt.js with the options
// @ts-ignore
import config from "../../../nuxt-client/nuxt.config.js";

config.dev = isDev;
config.hooks = {
  ...config.hooks,
  "vue-renderer": {
    ssr: {
      context(ctx: any) {
        ctx.nuxt.config.token = ctx.req.csrfToken()
        // console.log("vue-renderer:ssr:context called", ctx);
      }
    },
  },
}
const nuxt = new Nuxt(config);


export default async function installSSR(app: Express) {
  await nuxt.ready();

  // No build in production
  if (isDev) {
    const builder = new Builder(nuxt);
    builder.build();
  }
  app.use(nuxt.render);
  console.log("Nuxt!");
}