フロントエンド開発環境がプロジェクトを開始し、http プロトコルを https プロトコルに変更します。

要件。H5 で携帯電話のカメラを呼び出すには navigator.mediaDevices.getUserMedia を使用します。http はセキュリティ プロトコルを通過できません。

解決

一、

毎回サービスに公開するのは面倒で開発やデバッグに適応できない

2. 開発環境をhttpからhttpsに変更すると、直接アクセスでき、モバイルブラウザで開くことができます（WeChatブラウザは許可されていませんが、携帯電話の内蔵ブラウザが開ける限り問題ありません） 、

package.json ファイルを探し、その中に scripts オブジェクトを見つけます。scripts オブジェクトにはスタートアップ パッケージング関連の命令構成が含まれています。コードを参照してください。

次のコードを入力します: HTTPS=true SSL_CRT_FILE=localhost+1.pem SSL_KEY_FILE=localhost+1-key.pem

起動コマンドにコピーするだけです

  "scripts": {
    "start": "cross-env HTTPS=true SSL_CRT_FILE=localhost+1.pem SSL_KEY_FILE=localhost+1-key.pem PORT=8009 UMI_ENV=dev umi dev",

  },

PORT=8009 を展開します。PORT は変更ポート番号です。