支付宝小程序访问浙里办应用，提示页面访问受限，IOS无法访问

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

最近在上架支付宝小程序时出现页面访问受限，无法正常访问，提示 “页面访问受限 data:image/gif;base64,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 || "";

就能解决此问题。

支付宝小程序访问浙里办应用，提示页面访问受限，IOS无法访问相关推荐

浙里办完整开发流程（仅前端）
开发之前一定要作的几点 1.添加浙里办钉钉对接群群号 34143965(有什么不定的地方就大胆问群里的几个负责人) 2.问钉钉群里面得的老师要开发流程相关文件和开发注意事项(浙里办适老化对ui有 ...
浙里办对接H5微应用遇到的问题
最近在搞浙里办对接,在这个对接中遇到了以下问题,单点登录.埋点.二次回退问题 "浙里办"H5微应用接入文档:语雀注意:我们做的是app对接单点登录由于浙里办微应用需要对支付宝 ...
Uniapp、Vue搭建浙里办微应用(单点登录、埋点)
目录 `一.前期准备` `二.浙里办-单点登录功能` `三.获取用户信息` `四.埋点操作` `五.JSBridge的引入及使用` 一.前期准备由于浙里办的微应用是必须前后端分离,且前端文件需要部署 ...
使用uniapp框架搭建浙里办微应用(单点登录、埋点、适老化、RPC网关)
文章目录前言一.前期准备二.浙里办-单点登录功能三.获取用户信息 Ⅰ.普通request调取用户数据 Ⅱ.浙里办RPC网关调用的实现 Ⅲ.浙里办官方单点登录组件接口网关调用四.埋点操作 Ⅰ. ...
轻栈送上免费注册支付宝小程序
你可能注意到了,除了微信小程序之外,小程序还有支付宝.百度.今日头条.抖音等.这些互联网产品纷纷推出自己的小程序. 之前说了那么多的微信小程序,是时候说一下支付宝小程序了. 你应该没想到,支付宝小程序 ...
支付宝小程序开发与注意事项
注册企业支付宝,作为小程序的登录账户地址:支付宝小程序企业账号注册: 支付宝注册.登录选择所需的项目类型创建一个小程序并填写信息下载开发工具地址:下载 | 小程序创建我的第一个支付宝小 ...
挑战微信、试探苹果？支付宝小程序可添加到 iOS 手机桌面
点击上方"CSDN",选择"置顶公众号" 关键时刻,第一时间送达! [CSDN编者按]从微信小程序到快应用,移动互联网正面临着一场重新洗牌.以往的应用分发模式已 ...
支付宝小程序-基础入门技能汇总
支付宝小程序-基础入门技能汇总开发前必知页面级常用配置常用列表渲染空标签事件图片引入 css背景图自定义组件开发工具 vscode 工具底部导航开发前必知 ● css单位用rpx ...
浙里办微信小程序上架
一.概述本指南旨在为"浙里办"单点登录组件提供接入指南,"浙里办"单点登陆组件,上架在IRS,为上架在IRS的应用,提供统一的单点登录解决方案,现阶段仅支持微 ...
浙里办前端H5对接小结（复盘自用)
项目是老项目之前上线在浙政钉上的现在老板说要在浙里办也上线一版刚转正的前端就开始一脸懵逼得瞎搞现在整差不多了复盘一下目录政务中台debug工具测试下载及登录绑定查看日志调试工具浙 ...

支付宝小程序访问浙里办应用，提示页面访问受限，IOS无法访问

支付宝小程序访问浙里办应用，提示页面访问受限，IOS无法访问相关推荐

最新文章

热门文章