我之前发布过一次也是vue华视电子身份阅读器的使用，但是那个是要给浏览器安装插件才行，而且至少支持ie，不支持谷歌。至于插件我放在了资源那边，或者你们可以去华视官网去下载华视阅读器官网，里面有你需要的对应的插件，然而今天我这要说的是通用的，不管是在ie还是在谷歌都是可以用的。而且是直接启用华视电子身份证阅读器的服务来的，至于服务我也上传到了网上华视阅读器服务，下载下来解压，找到对应的华视电子读卡服务.exe文件，路径是CVR-100N SDK开发包下载\开发资料\网页版开发包\华视电子读卡服务.exe,双击打开之后，然后你在代码中，就可以使用对应的服务的方法(接口)；

1. 首先是api文件，我是因为把接口单独放在一个js文件中，在vue文件中引用的，所以可能跟你们的有点不一样，你们的代码有可能是直接在vue中访问接口，但是我知道你们肯定会随机应变的，只要把我的对应的网址接口拿出来就行，如下是我的代码：api文件取名为device.js

// 连接身份证读卡器
export function openDevice(data){
	return axios({
		url:'axios://127.0.0.1:19196/OpenDevice',
		method:'GET'
	})
}
// 读取身份证
export function readIdCard(data){
	return axios({
		url:'axios://127.0.0.1:19196/readcard',
		method:'GET'
	})
}
// 断开连接读卡器
export function closeDevice(data){
	return axios({
		url:'axios://127.0.0.1:19196/CloseDevice',
		method:'GET'
	})
}

然后在vue中导入对应的接口文件：

在<script>
import {
		openDevice,
		readIdCard,
		closeDevice
	} from '@/api/device/device.js'
// 在methods中调用
methods:{
// 连接读卡器
			openDevice() {
				openDevice().then(res => {
					if (res.data.resultFlag == 0) {
						// 连接成功
						this.$message.success("连接读卡器成功！")
						// this.timerCard = setInterval(this.readCard, 1000);
						// this.readCard();
					}
				})
			},
			// 身份证读取信息
			readCard() {
				readIdCard().then(res => {
					for (let s of this.tableDataCard) {
						s.userName = res.data.partyName
						s.certificateNo = res.data.certNumber
						let index = this.tableDataCard.findIndex(ticket => ticket.certificateNo == s
							.certificateNo);
						if (index == -1) this.tableDataCard.push(obj)
					}
				})
			},
			// 断开连接身份证
			closeDevice() {
				closeDevice().then(res => {
					if (res.data.resultFlag == 0) {
						// 连接成功
						this.$message.warning("断开连接")
					}
				})
			},
}
</script>

以上就是直接调用电子读卡服务的接口，这样不用给浏览器安装插件都可以使用，因为我们调用的是原生的接口