TIL (23.07.25) - (Vue2 + Nuxt.js)SSR 예외처리

1) 오늘 배운 내용

- 룰렛 이벤트 적용하려고 자바스크립트 파일을 프로젝트 폴더 내에 저장했다.

- window, document 쪽에서 에러 발생.

- Vue 파일에서 해당 스크립트 파일 import 해오는데 계속 에러발생.

 

2) 서버 사이드 렌더링이기 때문에 window, document는 인식 못함.

 

다음과 같이 처리했다.

// nuxt.config.js

plugins: [
	{ src: '@/plugins/roulleteScript.js', ssr: false }
]

-> ssr: false

 

// DefaultRoullete.vue

export default {
  name: 'DefaultRoullete',
  data () {
    return {
      img_url: require('../../assets/img/img_roullete.png')
    }
  },
  mounted () {
    require('../../plugins/roulleteScript')
  }
}

-> mounted 에서 자바스크립트 파일을 가져온다.