vue项目在IOS下一直获取微信JSSDK失败问题

最新推荐文章于 2023-10-31 12:38:56 发布
最新推荐文章于 2023-10-31 12:38:56 发布
阅读量1.1k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hellow_world_/article/details/102568567
版权

在IOS下一直提示invalid signature签名错误，但是在安卓又没有问题

问题分析:因为苹果分享会是调取签名失败是因为:苹果在微信中浏览器机制和安卓不同,有IOS缓存问题，和IOS对单页面的优化问题，通俗点说安卓进行页面跳转分享时会刷新当前的url,而苹果不会，苹果是通过历史记录进来的，不会刷新url所以会导致签名失败(这里解释的可能不够详细，可以去百度)。

因为需求只需要分享当前页面的时候有自定义内容,其他页面分享出去是公众号都无所谓，主要是活动，所以就用了如下解决办法！！！！

因为vue的history在IOS的微信分享时不会刷新，但是我们又要做自定义分享。我在网上也看了很多，比如什么beforerouteEnter的路由判断，或者写在Vue.prototype.Wxshare()的原型链中等，看起来都太麻烦，不够简单粗暴，但是这些方法可以好像可以做到判断每一个分享页面的自定义内容。而我只需要当前分享特定的单一页面，那么我们在A页面跳转B页面（需要分享的页面）就不用vue的history的push来跳转传参，我们用！我们用！我们用！window.location.href="...."来跳转传参，重要的事情说三遍!!!!

但是要注意页面刷新导致VUEX数据丢失的问题

https://segmentfault.com/q/1010000010358562

wenlianglian
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
详解IOS微信上Vue单页面应用JSSDK签名失败解决方案
10-17
主要介绍了详解IOS微信上Vue单页面应用JSSDK签名失败解决方案，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
IOS端调用微信jssdk失败的原因
l的博客
07-05 6452
最近开发一个基于vue的spa应用，在调用微信扫描二维码jssdk的时候发现在ios上有时可以，有时失败，但Android设备上没问题。经过多次测试发现，ios端直接进入需要扫码的页面没问题，从其他页面跳到扫码页的情况下不行。 翻阅微信官方文档，只发现这段话： 与我遇到的情况并不相符。 官方明确给出SPA在每次url变化时进行调用,于是我之前代码是这样的： /*在需要调用微信扫码...
[ts]Cannot find module ‘weixin-js-sdk‘ or its corresponding type declarations.
qubes的专栏
03-30 675
Cannot find module 'weixin-js-sdk' or its corresponding type declarations. ts报错，说的是找不到类型声明文件。同样打印正常 并且包含52个方法。
vue开发中调用微信jssdk的问题
热门推荐
shooke笔记
01-15 2万+
起因 微信分享网址时无法分享图片，这个问题需要用jssdk去解决。其实开始的时候时可以看到图片的，但后来微信禁止了。所以只能使用jssdk去解决。 普通网页开发很简单，但是使用vue或其他前端框架开发spa单页面webapp的时候就会有问题了。只要url发生变化就会报签名错误。其实微信官方上已经写了说明。 所有需要使用JS-SDK的页面必须先注入配置信息，否则将无法调用（同一个url仅
Vue - 适配iPhoneX微信浏览器
sinat_33184880的博客
01-09 849
vue-cli项目中iPhoneX底部黑色横条遮挡Footer组件的解决方法 // index.html <head> // 新增 viewport-fit=cover <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=...
uni-app运行微信小程序时文件查找失败的问题
qq_27181261的博客
03-03 1万+
uniapp运行微信小程序文件查找失败的问题
调用微信jssdk失败
weixin_33686714的博客
05-30 954
1.JS接口安全域名未配置 2.IP白名单未设置 转载于:https://www.cnblogs.com/nxjblog/p/10950693.html
微信开发之微信jssdk录音功能开发示例
01-19
注意，音频文件自上传时间算起在微信服务器的有效期为3天。由于后台从微信服务器下载的音频文件是amr格式的，需要后台先把amr文件转换成MP3，前端用audio播放。我们公司是购买阿里云的媒体处理服务进行文件转码的。 ...
基于vue+axios+lrz.js微信端图片压缩上传方法
12-02
在基于Vue.js和Axios的项目中，实现这样的功能可能会遇到一些挑战，特别是考虑到微信JSSDK的限制以及不同设备和平台的兼容性问题。本文将详细探讨如何利用lrz.js库来解决这些问题。\n\n首先，业务场景通常包括单张...
vue 微信分享回调iOS和安卓回调出现错误的解决
10-14
总的来说，解决Vue微信分享回调在iOS和Android上的问题，需要关注URL的正确处理、签名的生成以及微信JSSDK配置的准确性。通过细致的调试和理解Vue与微信环境的交互，可以有效地克服这些挑战。对于开发者来说，了解...
vue-微信JSSDK调用失败
太易博客
07-05 1174
注：当前情况为 部分机型可调用，部分机型不可调用 （说明代码逻辑是没有问题的，问题在于不同手机对vue的路由处理结果不同，所以导致JSSDK签名错误） 修改路由 path: '/index', name: 'index', component: index, beforeEnter: (to, from, next) => { let windowUrl = "https:/...
调用微信jssdk自定义失败原因之一
vvvjack7的博客
03-16 518
根据微信文档，绑定js安全域名、设置ip白名单、引入js文件、设置config。在本地用个人测试号可以跑通，但是部署到线上就会获取不到自定义的图片、标题，检查的config配置页面有出错。 查了半天才发现是绑定的公众号 未通过微信认证因此没有分享的权限，可以在微信公众平台–>开发–>接口权限 中查看 ...
VUE中使用JSSDK时苹果的微信浏览器失败
a644388262的博客
05-22 740
公司公众号是用vue写的，要在vue中调用扫一扫功能，需用集成微信的JSSDK，秉着刚优化完vue项目的心情，我毫不犹豫的在index.html中引入了JSSDK的js文件没有从npm中去install，然后直接在主页去调用wx.config()方法去配置，然后调用扫码功能都正常，用我的安卓手机测试一遍过美滋滋。 过一天测试说苹果手机微信打开公众号打不开扫码页面，我不信邪的拿苹果手机过来测试，真的打不开扫码，wx.scanQRCode()都没有调用，在wx.config()这个方法中把debug设为true
对hash签名失败_vue项目中微信jssdk在ios签名失败
weixin_39973009的博客
12-24 586
一、问题描述1. vue项目中微信jssdk签名时，在安卓和ios是有差异的，签名时使用的url=window.location.href.split('#')[0],此时在安卓没问题，在ios会导致签名失败。因为在安卓中应该拿去签名的URL就是每个页面的URL，在ios中拿去签名的URL应该是微信分享时的URL(这个是我自己猜的)，微信会对ios页面链接做处理，我们复制到的链接有时是刚进入项目时...
解决ios 调用微信JSSDK 签名失败
felicity_zll的博客
07-20 2192
解决IOS环境下调用微信JSSDK 签名失败。
解决vue 微信JSSDK注入权限时出现“invalid signature”（ios）
u011591179的博客
05-25 752
请求后台将当前页面的url传给后台，后台返回配置信息后使用wx.config注入权限，安卓无任何问题，但是iOS一直无法无法正常运行，url里也没带有#号，打开debug查看提示的invalid signature，并且报错的url不是我当前页面的url，而是首页的url。 我这边猜测是使用vue-router切换，操作浏览器历史记录，所以ios端微信浏览器锁定的url的还是首次打开页面的url， 我这边提供两个解决思路。 1.使用vuex保存首次加载页面的url，权限注入的时候使用这个url进行验证
ios微信调用jssdk初始化失败；若依前后端分离版本中解决方法；
qq_39517116的博客
04-13 2694
问题： 在安卓、微信开发者工具、苹果的单页面点开始，微信js初始化正常，在苹果A页面跳转到B页面时初始化时出现失败 问题原因： 从A页面跳转到B页面时，由于是使用vue-router切换，都是操作浏览器历史记录，所以ios端微信浏览器锁定的url的还是A页面的url。 这个时候，是不是很多人都会认为，既然页面路由变化了，那我重新请求下url签名接口，不就可以了。呵呵呵，你会发现报错：invalid signature。但是再刷新一下，又没有签名问题，这是什么原因呢？？？ 那么你在请求url签名接口的时候，传
【已解决】部分安卓手机，部分ios机型，调微信的jssdk方法失败
huangfuyk.的博客
08-26 1199
【问题】 如果遇到部分安卓手机，部分ios机型，调微信的jssdk方法失败。 【方法】 请求config接口的时候，加一个参数: { url: window.location.href.split(’#’)[0] } 例如： import axios from 'axios' import wx from 'weixin-js-sdk' export default function getWXSign() { return new Promise((resolve, reject) => {
vue项目引入微信sdk报错记录
最新发布
前端程序员、项目经理、人工智能博主
10-31 2525
前言 vue项目引入微信sdk $ npm install weixin-js-sdk --save 运行报错如下: npm install weixin-js-sdk --save下载失败显示未配置代理 解决方式如下: 步骤一: npm配置你正在使用的代理 $ npm config set proxy='代理ip地址' 步骤二: 清理npm的代理缓存 $ npm config set proxy false $ npm cache clean --force 成功后配置main.js: impo
vue微信公众号项目怎么运行在微信开发者工具里
06-08
注意：在微信开发者工具中预览Vue项目时，需要在`vue.config.js`文件中配置代理，以避免跨域问题。在`vue.config.js`文件中添加如下代码： ``` module.exports = { devServer: { proxy: { '/api': { target: '...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值