Example of reverse proxy configuration

[madsh93]

Hi

I'm looking to implement Facebook pixel. This requires a reverse proxy. Can this be done with Nitro? If that's the case I was hoping you'd be able to provide an example similar as to how you did with Plausible and GTM.

[Rekwian]

I'm not sure if my answer matches your question, but I'll try.
I tried a solution, I think it can be called "proxy".
Simply create an API that fetches the URL that needs to be "proxied" and in the script, call that URL.

An example from my experience with Axeptio :
I created an API called Axeptio

//  /server/api/axeptio
export default defineEventHandler((event) => {
  return $fetch('https://static.axept.io/sdk.js')
})

And in my nuxt.config.ts

export default defineNuxtConfig({
  app: {
    head: {
      script: [
        {
          innerHTML: `
          window.axeptioSettings = {
            clientId: "xxx",
          };

          (function(d, s) {
            var t = d.getElementsByTagName(s)[0], e = d.createElement(s);
            e.async = true; e.src = "/api/axeptio";
            t.parentNode.insertBefore(e, t);
          })(document, "script");
          `,
          type: 'text/partytown',
          tagPosition: 'bodyClose',
        }
      ],
    }
  },
  ...

And it works fine.

[muhsin-life]

please see QwikDev/partytown#647

[awdr74100]

@muhsin-life Hi!

Have you encountered issues with DoubleClick (Google AdSense) before? I’m using two gTag codes: G-xxxxxxxxxx (works fine) and AW-xxxxxxxx (throws a CORS error).

Setup: Nuxt SSG + Nginx.
Any ideas?