vue移动端扫码功能

3,147 阅读1分钟

在vue-cli项目中使用扫描二维码功能

尝试1:使用vue-barcode-reader,一个写好的直接调用的扫描二维码的。

  • 链接:www.npmjs.com/package/vue…

  • 问题:在codesandbox.io/s ,即沙箱环境中,会生成一个地址,使用手机登录该地址,发现功能正常。但是,在vue-cli中,npm run build打包后的部署到服务器,发现该功能无法正常使用(部署使用nginx,直接将打包后的所有文件放到nginx的html文件夹中)。

  • 解决方向:1.网上大部分都是使用vue-cli打包后,在使用HBuilderX打包成APP,才能正常使用。经过浏览多个帖子发现,基本上都是打包成APP后才使用的扫码功能。2.群友提示:哪个人才想出来的在移动端浏览器下使用扫码功能?一般是APP或者小程序使用扫码功能。或者使用微信的扫码功能。

  • 总结:扫码功能仅支持APP或者小程序,移动端项目是不支持的。可能支持,应该是调用你使用的浏览器的扫码功能,那么你就需要给每个浏览器做个适配(个人猜测)。