苹果手机在小程序复制成动态图片

SOOGIF动图制作工具。

1.打开软件，点击第一个多图合成GIF点中间的添加图片选择自己想要的图片，点击打开成功添加。

2.速度调整显示在图片上方，蓝点可以随意拉动，速度可以根据个人需要进行调整。

3.右边有效果图，就是GIF图片的形状跟比例，点击需要的比例，图片会根据要求变动大小。

4.点击文字样式在文框中打字，点击添加文字字体出现在图片中。根据个人需要，选择字体、字体大小、颜色、字体动态效果。

5.贴纸水印点击点击上传图片选择所需图片点击打开gif在图片中。

6.点下导出gif根据个人需要编辑保存界面GIF选择画质和尺寸选择的名称。

7.导出成功后，点击打开文件夹找到制作的动图。

之前在浙里办上架的应用，现在需要上架到支付宝里的“浙里办”，也就是小程序，正常情况下是不需要改动什么代码，都是一套H5代码即可，无需特殊编写另一台原生小程序。

最近在上架支付宝小程序时出现页面访问受限，无法正常访问，提示 “页面访问受限 data:image/gifbase64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7”，如下图：

支付宝小程序访问量不足原因

支付宝技术反馈说是资源触发了白名单，但是这个应用之前已经上架过的，而且可以正常访问，到了今年就无法正常访问，那就排查解决呗！

逐个排查问题：

1、先确认是否服务器做了网络限制；===暂无限制

2、确认是否域名问题；单独更换一个静态页面，是可以正常访问；===不是此问题引起

3、由于前后端分离，前端代码部署在IRS（浙江省一体化数字资源系统），是否IRS做了限制；===回复无限制

4、安卓和IOS都测试验证；===发现只有IOS被限制，安卓可以正常访问

5、验证服务端https证书是否合规，因为出现过一次证书问题，购买的价格便宜，支付宝那边做了验证，最后重新购买其他证书解决；===证书正常

6、查找Vue代码资源是否有gif图片；===无gif图片

7、查找字体库iconfont是否有图片反馈的内容；===没有

8、项目页面也引用了百度的统计，会生成gif图片；===去掉引用，还是不行

9、项目页面引用浙里办的统计，会生成gif图片；===去掉引用，还是不行

经过这些验证筛选和排除，初步认为是一些vue的组件引起，需要逐个删除组件，验证是否可以访问。

然后就是查看代码，哪个组件可能影响，先进行删除验证，最后发现有个组件：vue-wechat-title

造成此次问题，此组件是动态改变页面title，代码如下：

main.js、App.vue引用了vue-wechat-title（动态改变页面title值）

解决方案

1、去掉引用vue-wechat-title

2、在路由钩子（router.beforeEach）里加上代码：document.title = to.meta.title || ""

就能解决此问题。

---