需求,在H5使用navigator.mediaDevices.getUserMedia调用手机摄像头,http是无法通过安全协议的
解决方案
一、
每次都发布到服务上,这个太麻烦无法适应开发调试
二、将开发环境http改为https可以直接访问,在手机浏览器可以打开,(微信浏览器不可以不过没关系只要手机自带浏览器能打开就可以了)、
我们找打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为修改关口号