Binaryify / vue-qr

The Vue Component for Awesome-qr.js
MIT License
849 stars 123 forks source link

赋值图片给logoSrc,手机端二维码就不显示了,但赋值本地图片给logoSrc就可以 #37

Closed KaivOU closed 5 years ago

KaivOU commented 6 years ago

image image image

我都更新到"vue-qr": "^1.3.8"了,logoSrc传入本地图片可以,传图片链接手机上就显示不了二维码,是logo影响着二维码的生成?

KaivOU commented 6 years ago

传入图片为:微信接口返回的头像:http://thirdwx.qlogo.cn/mmopen/wprMnqDUJH69pXBhKHUuNyTcavcYickDnnRtYiaymtnaa3ibFibJZP1qUCDIlndicaTAcAU2c8obdjtCh8GYkL4UicEODUthljibD49/132

Binaryify commented 6 years ago

再试试最新版本的

KaivOU commented 6 years ago

image 使用微信返回来的头像和网上的一些线上的图片,就会出现跨域问题; 微信接口返回的头像为:http://thirdwx.qlogo.cn/mmopen/wprMnqDUJH69pXBhKHUuNyTcavcYickDnnRtYiaymtnaa3ibFibJZP1qUCDIlndicaTAcAU2c8obdjtCh8GYkL4UicEODUthljibD49/132

@Binaryify image 已经更新到1.4.1版本

Binaryify commented 6 years ago

有些图片服务器不允许跨域的就不行了

Binaryify commented 6 years ago

你试试这个 https://avatars1.githubusercontent.com/u/12221718?s=88&v=4

KaivOU commented 6 years ago

image @Binaryify 你这张照片可以显示,是允许跨域了是吧。 但是打包报错了

Binaryify commented 6 years ago

不是 vue-cli 生成的项目吗

KaivOU commented 6 years ago

@Binaryify 是的,启动不报错,打包报错了这个1.4.1版本,我安装回v1.3.8后,打包又没报错了

Binaryify commented 6 years ago

试试最新的 v1.5.1, 找不到就用 npm 官方源装

KaivOU commented 6 years ago

image @Binaryify 安卓报错,最新还是1.4.1,我开了VPN再npm install vue-qr --save-dev,安卓时还是这个图的报错error,然后还是最新的1.4.1

Binaryify commented 6 years ago

用了 nrm 吗,切到官方npm源

Binaryify commented 6 years ago

image

KaivOU commented 6 years ago

image 特意安装了nrm切到官方npm源

Binaryify commented 6 years ago

代理什么的关掉

KaivOU commented 6 years ago

image 嗯,关掉了所有代理和VPN,也用过了自带的终端来安装npm install vue-qr --save 还是没成,我试了用npm源安装1.3.8都不行,不知道会不会网络问题,用淘宝源就可以,但就是没1.5.1,,我上面的图片,还能用其他源码?1.5.1的

Binaryify commented 6 years ago

我刚去 npm 淘宝镜像站手动同步了下,你再试试 image image

KaivOU commented 6 years ago

@Binaryify 用淘宝镜像可以升级到1.5.1了,打包也没报错了,然后试了上面你发给我的你那个头像是可以显示的,你是在你的图片库做了跨域处理是吧,我这边接口的图片也需要做跨域处理,那就可以了是吗?

Binaryify commented 6 years ago

@KaivOU 对的,因为服务器不允许跨域的话前端也是没办法解决的,得弄个转发服务器成同域的

KaivOU commented 6 years ago

@Binaryify http://thirdwx.qlogo.cn/mmopen/wprMnqDUJH69pXBhKHUuNyTcavcYickDnnRtYiaymtnaa3ibFibJZP1qUCDIlndicaTAcAU2c8obdjtCh8GYkL4UicEODUthljibD49/132
那就尴尬了,这个是微信的头像的logo,本来就支持跨域的,在任何浏览器都可以打开,在我们这插件里面就出现跨域问题

Binaryify commented 6 years ago

确定url没问题吗,我这里是没问题的 image

Binaryify commented 6 years ago

image

KaivOU commented 6 years ago

我试了还是不行,不知道为什么

data() { return { config: { value: 'www.baidu.com',//显示的值、跳转的地址 logo: "http://thirdwx.qlogo.cn/mmopen/wprMnqDUJH69pXBhKHUuNyTcavcYickDnnRtYiaymtnaa3ibFibJZP1qUCDIlndicaTAcAU2c8obdjtCh8GYkL4UicEODUthljibD49/132"//中间logo的地址 }}} 参数都配在这里了,webpack里面的那个proxyTable也关了, 用你那个https的头像就行,有没有头绪提点下,还是报错。我的代码有问题吗? image

Binaryify commented 6 years ago

你弄个空项目重新试试