Nuxt 통합

선택사항: 인프라 에이전트 설치

인프라 에이전트 설치는 선택 사항이지만 이렇게 하면 앱이 실행 중인 호스트에 대한 중요한 메트릭을 얻을 수 있습니다.

이를 수행하려면 인프라 에이전트 설치 단계를따르십시오.

Nuxt 브라우저 모니터링을 설치하세요

1. one.newrelic.com 에서 + Integrations & Agents 페이지 로 이동합니다.
2. Nuxt 을 검색하세요. (참고: Nuxt 타일은 브라우저 또는 모바일 컬렉션에 없으므로 검색 기능을 사용해야 합니다.)
3. 검색 결과에 Nuxt 타일이 나타나면 클릭하고 지침에 따라 JavaScript 코드 스니펫을 생성하세요.

통합 구성

Nuxt 기능에 JavaScript 스니펫을 추가하려면:

1. Nuxt 애플리케이션의 public 폴더에 JavaScript 파일을 생성하세요.

   bash

   카피

   $
   touch public/<FILENAME>.js

2. 용매 에이전트 스니펫을 <script> 태그 없이 새 JavaScript 파일에 복사하여 붙여넣습니다(스니펫 자체만 정의할 기능이 없습니다).

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

   카피

3. nuxt.config.js (또는 nuxt.config.ts) 파일을 열고 app.head 섹션에 스크립트를 추가하세요.

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

   카피

4. 응용 프로그램을 다시 시작하십시오.

   몇 분 안에 애플리케이션이 메트릭을 one.newrelic.com으로 보냅니다.