在 nuxt 创建的钩子中使用新音频时出错

【问题标题】：Getting error while using new Audio in nuxt created hook在 nuxt 创建的钩子中使用新音频时出错
【发布时间】：2019-04-05 07:44:10
【问题描述】：

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

创建的钩子：

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

这是我的错误：

Audio is not defined

【问题讨论】：

【解决方案1】：

这是因为 created 钩子在客户端和服务器上都执行。所以在服务器上执行时会报错，因为节点服务器上没有 Audio 类。

你可以把它移到mounted，因为mounted只在客户端执行或者用

包裹

if (process.server) {
}

【讨论】：

但我的方法不起作用 :( ``` getCurrentSong(id) { this.currentSong.index = id; } `` `` currentSong: { index: 0, src: '' , }, }, ```
@mrstark 用完整代码创建一个合适的新问题