前端开发环境启动项目将http协议改为https协议

需求,在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为修改关口号

猜你喜欢

转载自blog.csdn.net/weixin_46600931/article/details/127649163#comments_26913451