Question

我正在尝试理解，我很确定问题不在告诉我什么。

我正在使用Vue.js构建PWA。当我启动相机时，它无法在iOS（v11 +）上运行。我尝试了许多变体，但不知道发生了什么以及如何在Safari Developer工具中正确调试已编译的代码（断点将不起作用）。

代码如下：

async init () {

    // Media Device settings
    const constraints = {
      audio: false,
      video: {
        facingMode: (this.camera.mode === 'front') ? 'user' : { exact: 'environment' },
        width: this.camera.size.width,
        height: this.camera.size.height
      }
    }

    try {
      const stream = await navigator.mediaDevices.getUserMedia(constraints)
      this.tracks = stream.getVideoTracks()
      this.video.srcObject = stream

      // Toggle the camera state
      this.toggleCamera(true)

      // Check for realtime validation
      if (this.realtime) {
        this.validatePhotoRealtime()
      }
    } catch (e) {
      this.handleErrorMessage(`getUserMedia error: ${e.name}`, e)
    }
  }

这是我在控制台窗口中看到的：

Trying to call getUserMedia from an insecure document.