在nuxt创建的挂钩中使用新音频时出现错误

Question

在nuxt创建的钩子中使用this.audio = new Audio();时出现错误。 但是在vue（纯vue）中，我没有收到错误。 我该怎么办？

创建的钩子：

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

这是我的错误：

Audio is not defined

Answer 1

发生这种情况是因为在客户端和服务器上都执行了创建的挂钩。因此，在服务器上执行时，将抛出错误，因为节点服务器上没有Audio类。

您可以将其移至已挂载，因为已挂载仅在客户端上执行，或使用

包装

if (process.server) {
}