无法使用nuxtjs访问设备传感器

Question

我正试着在nuxtjs应用程序中监听陀螺事件。

我读过有关传感器API的文章，并试图以以下方式使用它：

mounted () {
    this.gyroscope = new Gyroscope({ frequency: 60 })
    this.gyroscope.addEventListener('reading', this.gyro_event)
    this.gyroscope.start()
}

其中this.gyro_event是：

gyro_event (e) {
    if (this.sensorData.time.length < 6000) {
        this.sensorData.time.push(this.gyroscope.time)
        this.sensorData.x.push(this.gyroscope.x)
        this.sensorData.y.push(this.gyroscope.y)
        this.sensorData.z.push(this.gyroscope.z)
    }
}

在使用npm run dev运行时，不会出现任何错误。我也没有任何读数，但那是因为我的笔记本没有陀螺仪。

当在生产中运行(为npm run generate的结果服务)时，我得到以下错误：

​

​

注意：在安装之前(即在created或data挂钩中)尝试初始化Gyroscope对象时，我在开发模式中出现了类似的错误。

我还知道还有一些其他的方法可以访问传感器(例如ondeviceorientation事件)，但我不知道其中的区别是什么，哪种方法在nuxt/vue中效果最好，因此，任何建议都将不胜感激。

Answer 1

我的问题是通过http而不是https浏览造成的。