nuxt cdn script load > IT 기술백서

IT 기술백서

직접 알아내거나 검색하기 귀찮아서 모아 둔 것

JavaScript | nuxt cdn script load

본문

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]

댓글 0개

등록된 댓글이 없습니다.

Menu