在vue 中使用攝像頭的時(shí)候通常要使用https，但是不能一直打包上傳測試，太麻煩了，配置一下本地的Https篙程，利用 mkcert 配置本地的證書
- 全局下載一下mkcert，安裝完成mkcert --version 一下會現(xiàn)實(shí)版本别厘，證明安裝成功
npm install -g mkcert
- 創(chuàng)建ca文件 虱饿。會生成兩個(gè)文件ca.crt ca.key.
mkcert create-ca
- 創(chuàng)建cert文件。
mkcert create-cert --domains "自己的IP"
例如：
mkcert create-cert --domains "192.168.3.26"
-
雙擊加入ca.crt cert.crt 加入到鑰匙串中触趴。打開鑰匙串選擇信任證書
WeChat66863207f21c85a20a3138e6a926f169.png
WeChat7f47c5afa940b5a5b0a04ef98257fde9.png -
在vue項(xiàng)目中創(chuàng)建ssl 文件氮发，把證書都加進(jìn)來。
8D9440E3-0CF1-4482-8F1A-144E57A3382E.png 在vue config.js 中 把證書加進(jìn)去冗懦。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', //訪問的地址
- 運(yùn)行之后就可以通過https訪問了，會顯示不安全的鏈接 披蕉，但還是可以繼續(xù)訪問的下面就可以使用@zxing/Library 加入到項(xiàng)目中運(yùn)行了颈畸，可以使用攝像頭了
