Ошибка при использовании нового аудио в nuxt создан хук

Question

Я получаю ошибку при использовании this.audio = new Audio(); в обработанном nuxt хуке.но в vue (чисто vue) я не получил ошибку.что мне делать?

создал хук:

data(){
   return {
      audio: ''
   }
},
created() {
   this.audio = new Audio();
}

и это моя ошибка:

Audio is not defined

Answer 1

Это происходит потому, что созданный хук выполняется как на клиенте, так и на сервере. Таким образом, при выполнении на сервере он выдаст ошибку, потому что на узле-сервере нет класса Audio.

Вы можете либо переместить его в смонтированный, потому что смонтированный выполняется только на клиенте, либо обернуть с

if (process.server) {
}