vue看不了二维码如何解决

一、问题现象

通过Vue.js开发的页面，使用微信或其他APP内置浏览器，打开页面后，无法正常识别并扫描二维码，或者说二维码无法正常显示。

二、问题分析

1.浏览器限制

首先，我们需要明确一点，二维码可以被浏览器正确地解析，但是因为浏览器默认限制了访问本地文件，所以在Vue.js开发环境下，我们会看到二维码显示不出来的情况。

2.二维码图片转成base64

解决方案是将二维码图片转成base64，作为一个dataURL，然后将其直接渲染到HTML中。

三、问题解决

1.通过URL引入图片

在Vue.js项目中，使用URL引入图片的方法如上。

2.通过dataURL引入图片

在项目中引用Base64格式的图片，可以使用background-image引入。