无法使用 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 的结果）我得到以下错误：

注意：我在安装前尝试初始化 Gyroscope 对象（即在 created 或 data 钩子).

我也知道还有一些其他方法可以访问传感器（例如 ondeviceorientation 事件），但我不确定有什么区别以及哪种方法最适合 nuxt/vue，如有任何建议，我们将不胜感激。

Answer 1

我的问题是通过 http 而不是 https 浏览引起的。

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

Can't access device sensors using nuxtjs

gyroscope

android-sensors

vue.js

nuxt.js