在vue-cli项目中使用扫描二维码功能
尝试1:使用vue-barcode-reader,一个写好的直接调用的扫描二维码的。
-
问题:在codesandbox.io/s ,即沙箱环境中,会生成一个地址,使用手机登录该地址,发现功能正常。但是,在vue-cli中,npm run build打包后的部署到服务器,发现该功能无法正常使用(部署使用nginx,直接将打包后的所有文件放到nginx的html文件夹中)。
-
解决方向:1.网上大部分都是使用vue-cli打包后,在使用HBuilderX打包成APP,才能正常使用。经过浏览多个帖子发现,基本上都是打包成APP后才使用的扫码功能。2.群友提示:哪个人才想出来的在移动端浏览器下使用扫码功能?一般是APP或者小程序使用扫码功能。或者使用微信的扫码功能。
-
总结:扫码功能仅支持APP或者小程序,移动端项目是不支持的。可能支持,应该是调用你使用的浏览器的扫码功能,那么你就需要给每个浏览器做个适配(个人猜测)。