在vue 中使用摄像头的时候通常要使用https，但是不能一直打包上传测试，太麻烦了，配置一下本地的Https，利用 mkcert 配置本地的证书
- 全局下载一下mkcert，安装完成mkcert --version 一下会现实版本，证明安装成功
npm install -g mkcert
- 创建ca文件 。会生成两个文件ca.crt ca.key.
mkcert create-ca
- 创建cert文件。
mkcert create-cert --domains "自己的IP"
例如：
mkcert create-cert --domains "192.168.3.26"
-
双击加入ca.crt cert.crt 加入到钥匙串中。打开钥匙串选择信任证书
WeChat66863207f21c85a20a3138e6a926f169.png
WeChat7f47c5afa940b5a5b0a04ef98257fde9.png -
在vue项目中创建ssl 文件，把证书都加进来。
8D9440E3-0CF1-4482-8F1A-144E57A3382E.png 在vue config.js 中 把证书加进去。vue-cli2 和vue-cli3会在不同的文件。
vue-cli2 是在config/index.js里面
vue-cli3 是在vue.config.js里面
添加下面代码
const path = require('path')
const fs = require('fs')
在 module.exports 下的dev 中 加入下面代码
https: {
cert: fs.readFileSync(path.join('', 'src/ssl/cert.crt')),
key: fs.readFileSync(path.join('', 'src/ssl/cert.key'))
},
disableHostCheck: true,
host: '192.168.3.62', //访问的地址
- 运行之后就可以通过https访问了，会显示不安全的链接 ，但还是可以继续访问的下面就可以使用@zxing/Library 加入到项目中运行了，可以使用摄像头了
