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]
