nuxt cdn script load > IT 기술백서

nuxt 에서 외부 스크립트를 로딩해야 할때에는 해당페이지에서 head() 를 이용하면 된다.

 

아래는 카카오맵api를 불러오는 소스의 일부분이다.

[code]

  head() {

    return {

      script: [

        {

          src: `//dapi.kakao.com/v2/maps/sdk.js?autoload=false&appkey=${process.env.KAKAO_APIKEY}&libraries=services`,

          defer: true,

          callback: () => {

            /*eslint no-undef: “off”*/

            kakao.maps.load(this.initMap)

          },

        },

      ],

    }

  },

  methods: {

    initMap() {

      // …  지도를 초기화하는 스크립트

    }

  }

[/code]

댓글 달기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다

위로 스크롤