Intégration Nuxt

Facultatif : installer l’agent d’infrastructure

L'installation de l'agent infrastructure est facultative, mais cela vous permettra d'obtenir des mesures importantes sur l'hôte sur lequel votre application s'exécute.

Pour ce faire, suivez les étapes d’installation de l’agent d’infrastructure.

Installer le monitoring de browser Nuxt

1. Depuis one.newrelic.com, accédez à la page+ Integrations & Agents .
2. Recherchez Nuxt. (Remarque : la vignette Nuxt ne se trouve pas dans la collection de navigateurs ou de mobiles, vous devrez donc utiliser la fonction de recherche.)
3. Cliquez sur la vignette Nuxt lorsqu'elle apparaît dans les résultats de recherche et suivez les instructions pour générer l'extrait de code JavaScript.

Configurer l'intégration

Pour ajouter l'extrait JavaScript dans l'application Nuxt :

1. Créez un fichier JavaScript dans le dossier public de votre application Nuxt :

   bash

   Copier

   $
   touch public/<FILENAME>.js

2. Copiez-collez l'extrait de l'agent de navigateur dans le nouveau fichier JavaScript sans les balises <script> (juste l'extrait lui-même, il n'y a aucune fonction à définir) :

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

   Copier

3. Ouvrez votre fichier nuxt.config.js (ou nuxt.config.ts) et ajoutez le script à la section app.head :

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

   Copier

4. Redémarrez votre application.

   Dans quelques minutes, votre application enverra des métriques à one.newrelic.com.