Integração Nuxt

Opcional: Instale o agente de infraestrutura

A instalação do agente de infraestrutura é opcional, mas isso fornecerá métricas importantes sobre o host onde seu aplicativo está sendo executado.

Para fazer isso, siga as etapas de instalação do agente de infraestrutura.

Instalar o monitoramento do navegador Nuxt

1. De one.newrelic.com, vá para a página+ Integrations & Agents .
2. Pesquise por Nuxt. (Observação: o bloco Nuxt não está na coleção de navegador ou celular, então você precisará usar a função de pesquisa.)
3. Clique no bloco Nuxt quando ele aparecer nos resultados da pesquisa e siga as instruções para gerar o snippet de código JavaScript.

Configurar a integração

Para adicionar o snippet JavaScript no aplicativo Nuxt:

1. Crie um arquivo JavaScript na pasta public do seu aplicativo Nuxt:

   bash

   Copiar

   $
   touch public/<FILENAME>.js

2. Copie e cole o snippet do agente do navegador no novo arquivo JavaScript sem as tags <script> (apenas o snippet em si, não há função para definir):

   // PASTE THE GENERATED BROWSER AGENT SNIPPET HERE WITHOUT <script> TAGS

   Copiar

3. Abra seu arquivo nuxt.config.js (ou nuxt.config.ts) e adicione o script à seção app.head:

   export default defineNuxtConfig({
     compatibilityDate: '2025-07-15',
     devtools: { enabled: true },
     app: {
       head: {
         script: [
           {
             src: "/<FILENAME>.js"
           },
         ],
       },
     },
   })

   Copiar

4. Reinicie seu aplicativo.

   Em alguns minutos, seu aplicativo enviará métricas para one.newrelic.com.