近期公司PC端网站登录改版新增微信扫码登录。文档微信扫码登录文档。设置好后发现微信自带的样式太大，位置不对，需要调整一下。看文档微信文档varobj=newWxLogin({id:"login_container",appid:"",scope:"",redirect_uri:"",state:"",style:"",href:"../qrcode.css"//这是属性});上面的href可以引用我们自己写的css文件。但是按照官方规定，这个css文件必须放在有https协议的网站上，例如：参考csshref:"https://www.baidu.com/qrcode.css"但是自己网站的协议不是https。解决方法：通过访问data-url解决style问题，写一个nodejs脚本将刚才的css资源转化为data-url。具体方法：1.新建一个文件夹，把转换后的js文件和自己写的css文件放上change.jsvarfs=require('fs');//函数将文件数据编码成base64编码的字符串functionbase64_encode(file){//读取二进制数据varbitmap=fs.readFileSync(file);//将二进制数据转换成base64编码的字符串return'data:text/css;base64,'+newBuffer(bitmap).toString('base64');}安慰。log(base64_encode('./qrcode.css'))2.打开终端，进入目录执行nodechange.js教程结束。
