vue 跨域 微信jssdk 解决from=singlemessage&isappinstalled=0 导致再次分享失败

最新推荐文章于 2024-01-19 18:33:34 发布
最新推荐文章于 2024-01-19 18:33:34 发布
阅读量6.6k 收藏 1
点赞数 2
分类专栏： vue javascript PHP
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/sym134/article/details/90524083
版权
博客指出jssdk后端签署、前端校验时存在跨域问题，分享后会自动带上不同参数，获取url无法包含这些参数。提出两种解决办法，一是在分享链接后加“？”获取完整url并发送后端；二是判断路径有无参数，有则强行去除再刷新。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

jssdk是后端进行签署，前端校验，

但是有时跨域，最大问题就是分享以后会自动带上 from=singlemessage&isappinstalled=0 以及其他参数，分享朋友圈参数还不一样，貌似系统不一样参数也不一样，但是每次获取url并不能获取后面这些参数

所以

在分享链接后面带上  ？就可以完美解决获取完整的url

发送后端当前完整url路径以及参数，完美！赏根雪糕去……

还有一种办法就是每次都去判断路径是否有参数，有就强行去除在刷新

标绿，你懂得！

 

Vue2 - 最新详解实现网站接入微信支付功能，调起微信支付页面或微信扫码支付效果详细教程，手机移动端H5或电脑PC网页 “微信环境内支付“与“脱离微信环境外部浏览器支付“ 示例代码，支持微信公众号！
王佳斌
06-22 3071
vue2，nuxt2，微信支付，vue微信支付，vue2如何使用微信支付，脱离浏览器怎么用微信支付，redirect_uri参数错误，回调地址错误，h5生成微信支付二维码，H5微信支付，PC端微信支付，前端支付，拉起微信支付，pc扫码支付，新手小白详细教程示例，SDK，vue对接微信支付，拉不起来微信支付，微信公众号，h5支付，jssdk，JSAPI，公众号网页支付，pc网站，微信支付二维码，生成支付二维码，扫码支付，扫码支付，uni-app，详解微信支付，支付回调报错，微信支付报错，无法支付，无法唤起支付
微信jssdk分享功能开发及解决ajax跨域的问题
zhoulibing88的专栏
01-29 7219
1月9日,腾讯正式面向开发者开放微信内网页开发工具包(微信JS-SDK)，造成以前用js写的微信分享功能都失效了。只好对对着jssdk说明文档重新开发。 微信JS-SDK说明文档 微信JS-SDK Demo 我所要实现的分享功能要求：只要提供一段js代码给前端美工放置在静态页面等就可以实现分享功能。 js代码如下：  url=location.href;   $.ajax(
微信分享链接中的from=singlemessage&isappinstalled=0
宋坚强大大~~
02-12 4万+
微信分享会根据分享的不同,为原始链接拼接如下参数: 对于ios手机在微信中的分享 朋友圈   from=timeline&isappinstalled=0 微信群   from=groupmessage&isappinstalled=0 好友分享 from=singlemessage&isappinstalled=0 对于安卓手机在微信中的分享没有isappin...
在vue项目中引入jssdk所遇到的各种问题
weixin_30843605的博客
05-24 1459
由于在最近的项目中，需要用到扫一扫二维码签到的功能，在纯H5的页面中要实现这个是不太可能的，所以考虑用jssdk或者混合开发，由于没有微信公众号和混合开发的经验，混合开发不太现实，公司没有考虑这个，而jssdk有其他公众号平台的公司配合，所以就看看技术上能不能实现。 技术上要考虑的就是，能不能在项目中引入jssdk，然后当用户在微信端打开的时候，就能够通过jssdk来调用微信的扫一扫功能。 由...
JS中的跨域问题及解决办法汇总
lareinalove的博客
11-16 4万+
一、什么是跨域？ 在了解跨域之前，首先要知道什么是同源策略（same-origin policy）。简单来讲同源策略就是浏览器为了保证用户信息的安全，防止恶意的网站窃取数据，禁止不同域之间的JS进行交互。对于浏览器而言只要域名、协议、端口其中一个不同就会引发同源策略，从而限制他们之间如下的交互行为： 1.Cookie、LocalStorage和IndexDB无法读取； 2.DOM无法获得； ...
vuejs 解决跨域访问问题
weixin_30472035的博客
06-06 136
首先： config/index.js下面的proxyTable配置您的服务访问基本地址,将changeOrigin设置为true即可,然后在你需要访问接口的地方,这样使用,以下是我的工程代码(前提是你已经安装了vue-resource,安装方式是: vue-resource 导入还有elementui导入方法都是一样 这里就以vue-resource为例 npminstallvue-r...
vuejs实现微信JSSDK获取网页授权以及接口授权遇到的坑
yuan_life的博客
06-13 3481
vuejs实现微信JSSDK获取网页授权以及接口授权遇到的坑 一、代码生成的签名与微信签名测试得出的签名不一致，返回信息invalid signature： invalid： signature签名错误建议按如下顺序检查： (1)确认签名算法正确，可用 http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign 页面工具进行校验。 (2)确...
微信接入微信JS-SDK----签名算法
m0_61801872的博客
09-28 981
微信网页开发---前端签名算法
h5微信本地调试 vue_VUE开发微信H5页面总结
weixin_34138585的博客
12-31 684
写在前面刚入门前端的时候写过很多的微信H5页面，时隔多年感觉应该是手到擒来，不曾想竟很是费了一些功夫。现在把本次开发过程中遇到的问题以及我是如何解决的，做个记录。防止自己以后再去解决解决过的问题。github：github.com/qq9694526/v…一、微信网页授权网页授权流程分为四步，这里只说前端需要做的，其中的第一步：跳转授权页面获取code。这里分享下我的授权逻辑(下图)，它有两个优点...
在 Vue 中实现企业微信 JS-SDK 的调用
llxgdy的博客
11-03 5742
背景说明 最近有个项目要基于企业微信平台开发，并调用 JS-SDK 接口，因权限域名等问题，暂不能开始项目，所以我先自行注册了一个企业进行开发测试。 此项目是用 vue-cli3 搭建的 vue2.0 项目，在其中实现了企业微信 JS-SDK 简单的封装并调用成功。 项目的准备工作 1、注册一个企业微信，或有现有的企业微信并有管理员权限 2、注册一个域名（接口授权域名需用到） 3、能够部署项目的服务器（该项目是试用的腾讯云服务器，试用期一个月 2020-11-30 到期），并将域名解析到该服务器 IP 地址
解决系统开发中的跨域问题：CORS、JSONP、Nginx
最新发布
TracyCoder的博客
01-19 1427
最近我在做一个系统的全栈开发，遇到了这样一个问题。首先，我的前端是一个来自百度的开源框架——Amis，它封装自React.js，基于JSON配置。我下载了Amis提供的SDK文件夹，并进行了代码开发。但是我在部署整个系统的时候遇到了跨域问题。原因是，我的前端不是以服务的形式运行的，它是一组在浏览器中打开的HTML页面。
微信跨域&分享
AmberQu的博客
03-27 3229
微信h5页面跨域请求$(function() { //页面加载完后ajax跨域获取签名信息 var sourceUrl = "/wechat/signature/sub"; //签名地址 var thisUrl = location.href.split('#')[0]; //本页url var sou...
微信授权存在的跨域问题以及解决方法
Smileyan's blog
09-06 3万+
【问题描述】 在前后端彻底分离的情况下，当我们的前端通过Ajax访问某个后台提供的接口地址的时候，浏览器会提示错误（通过查看控制台查看），并且不能看到微信授权后的结果。总而言之就是出现了跨域问题。 【第一种解决方法】 后台代码不要企图一次性完成所有的授权服务并且直接返回一个包含授权成功后获得的用户信息的Json数据，因为这样做虽然后台容易实现了但是前端却会遇到跨域的问题。 解决方法就是分步...
通过微信分享链接，后面被加上from=singlemessage&isappinstalled=1导致网页打不开
热门推荐
qq_27023451的博客
04-25 5万+
微信分享会根据分享的不同,为原始链接拼接如下参数: 朋友圈   from=timeline&isappinstalled=0 微信群   from=groupmessage&isappinstalled=0 好友分享 from=singlemessage&isappinstalled=0 在连接后加上?&再进行分享。 http://b.youyiche
Vue开发微信H5分享在IOS上签名失败的解决策略
iOS分享失败的原因在于其浏览器机制与Android不同，存在缓存问题和单页面优化问题，导致URL未刷新，进而导致签名失效。解决方案是避免使用Vue的history.push进行跳转，改用window.location.href进行传参，以确保URL...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值