vue单页面应用hash模式微信分享问题

最新推荐文章于 2023-02-20 18:05:22 发布

code浪子

最新推荐文章于 2023-02-20 18:05:22 发布

阅读量1.2k

点赞数

分类专栏：微信分享文章标签： vuehash微信分享

本文链接：https://blog.csdn.net/MNAHZ/article/details/88311910

版权

微信分享专栏收录该内容

0 篇文章 0 订阅

订阅专栏

确认url是页面完整的url(请在当前页面alert(location.href.split(’#’)[0])确认)，包括’http(s)?/‘部分，以及’？‘后面的GET参数部分,但不包括’#'hash后面的部分。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

code浪子

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue单页面应用hash模式微信分享问题

确认url是页面完整的url(请在当前页面alert(location.href.split(’#’)[0])确认)，包括’http(s)
复制链接

扫一扫

专栏目录

vue 微信公众号H5分享Hash模式下安卓只能分享首页问题

weixin_42501961的博客

07-22

962

vue 微信公众号H5分享Hash模式下ios分享路径是正常的，但到了安卓就只能分享首页。差了一下是路径问题，在微信浏览器中Hash模式下，路径是有#的，而微信浏览器会查找#然后添加参数，例如：https://migxin.mypro.com/?from=timeline#/product_details这种情况，就不能跳转到指定页面，想了很多办法截取重组路径都失败了，最终只能做了个html的中转...

vue 传参微信_vue hash模式下微信分享，实现参数传递

weixin_39795479的博客

12-19

602

背景vue项目hash模式下，需要实现微信分享。支持传递多参、无参、以及指定跳转页面、可配置实现思路由于hash模式 #符号的存在，在不同平台会存在兼容性问题。会导致分享出去的页面不能跳转到指定页面。所以思路就是将页面路径作为一个参数分享出去(本例称它为 path参数)，打开分享链接后我们根据path参数来还原URL，进行重定向。主要操作1、重定向判断在进入项目前，进行url判断：1...

参与评论您还未登录，请先登录后发表或查看评论

vue2.0 如何在hash模式下实现微信分享

10-17

主要介绍了vue2.0 如何在hash模式下实现微信分享,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

vue hash模式下微信分享，实现参数传递

weixin_30298497的博客

07-18

1510

背景 vue项目hash模式下，需要实现微信分享。支持传递多参、无参、以及指定跳转页面、可配置实现思路由于hash模式 #符号的存在，在不同平台会存在兼容性问题。会导致分享出去的页面不能跳转到指定页面。所以思路就是将页面路径作为一个参数分享出去（本例称它为 path参数），打开分享链接后我们根据path参数来还原URL，进行重定向。主要操作 1、重定向判断在进入项...

vue2.0 Hash模式下实现微信分享

weixin_30547797的博客

09-06

159

1，通过后台，获取accessToken 和签名jsApiTicket，并写入浏览器缓存（可以写在app.vue中） <script type="text/ecmascript-6"> import Store from 'common/js/store.js'; const CODE_SUC = 1; const CODE_ERR = 0; export defaul...

Vue单页式应用(Hash模式下)实现微信分享的实例

01-19

本文介绍了Vue单页式应用(Hash模式下)实现微信分享的实例，分享给大家，具体如下：前端微信分享的基本步骤：一.绑定域名：先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。这个不...

vue在微信里面的兼容问题_Vue单页面应用+微信网页开发·填坑小记

weixin_39693662的博客

12-22

618

上两个星期做了一个公司用于推广的小活动，选择了Vue的单页面应用。【Vue单页面应用+微信网页开发】套餐赠送了超值大坑，在这里给大家分享一下我的辛酸，啊不，填坑记录。主要是前端填坑的实现，后台方面没有太多涉猎，小白所记，不正确、不准确的还请多多指教。坑的方位：1、微信网页授权登录(前后端分离导致的跨域问题)2、接入JS-SDK实现分享等功能(history模式副带的页面刷新问题和iOS、Andro...

微信小程序开发附源码：详解Vue开发微信H5微信分享签名失败问题解决方案.doc

最新发布

05-18

在iOS的微信内置浏览器中，对于单页面应用(SPA)的处理方式不同于安卓，存在缓存问题以及对单页面的优化策略。具体来说，当Android设备通过SPA进行页面跳转并分享时，URL会被刷新，因此微信分享签名能够正常校验。...

vue在微信里面的兼容问题_微信H5页面兼容性问题分析及解决方法

weixin_31967551的博客

12-31

2284

随着H5页面越来越流行，越来越多的开发者都开始用最近H5做微信公众号，在这个过程中自然也会遇到不少的问题。小编在这里整理了五种常见的微信H5页面兼容性问题，来和大家分析一下问题的详情、出现原因以及相对应的解决方法。有相关问题的小伙伴，就一起来看看吧！1、ios端兼容input光标高度问题详情描述：input输入框光标，在安卓手机上显示没有问题，但是在苹果手机上当点击输入的时候，光标的高度和父盒子的...

基于vue hash模式微信分享#号的解决

01-19

看代码吧~ // 问题描述在微信中分享到朋友圈或好友时，分享出去的路由被破坏，打开分享的链接，路由中的“#”会被去掉并追加？fromTimeline之类的后缀参数，这就造成了分享出去的链接只能进入首页，无法正常跳转到其他路由。 // 获取签名 this.$ajax.post(this.apiUrl+/api/wxShare/getWxConfig, this.$qs.stringify({url:[removed].href.split('#')[0]})).then((res) => {//有人说要加转译encodeURIComponent本

vue微信分享出来的链接点开是首页问题的解决方法

10-17

主要为大家详细介绍了vue微信分享出来的链接点开是首页问题的解决方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

vue项目开发的H5单页应用放进微信公众号进行微信分享的几个重要步骤

zhangkegu的博客

12-26

2087

2实在是太忙了，许久不曾有空更新，对不起我的博客，冷落了它~~ 直接上需求，我们的vue开发H5单页应用封进微信公众号进行使用，其中有一个重要的微信分享功能，第一次接触，正经八百踩了好几个坑。 1. wxShare是我封装好的接口，需要发起请求获取微信分享认证授权后才能设置分享项和分享样式信息。、对上面的进行补充修改：苹果手机二次分享签名失效，因为后面被加上了苹果的参数，用enc...

vue 分享微信传参_Vue开发微信H5 微信分享签名失败问题解决方案

weixin_39677027的博客

12-19

337

关于Vue中路由使用history模式，开发微信H5页面分享时在安卓上签名有效成功，但是在IOS设备上一直报错签名失效问题问题描述:在Vue开发过程中，路由使用History模式下，在使用微信分享时，在微信开发者工具上一切正常。在安卓上一切正常。但是！！！在IOS上反复报签名错误。以下是真机测试截图,划掉黑线的是我个人IOS设备分享出来一直是服务号，接着下面分享出来自定义内容是安卓分享正常,话不...

Vue 移动端 hash模式下微信授权登录

xiamoziqian的博客

10-28

4246

需求分析： 1.移动端微信公众号项目，需要获取微信授权进行登录 2.默认打开首页，在路由进入之前进行判断，有如下三种情况 3.本项目有两种账号类型：商家、企业，需在登录页进行选择未授权过，跳到微信授权登录页，然后再跳到登录页有授权过，并且本地有登录的用户信息，跳到首页有授权过，但本地没有登录的用户信息，跳到登录页我遇到问题的一些点： 1.路由模式：hash 因为hash模式下，url是带#的，微信授权登录时候的 redirect_uri 这里跳转后需要处理下。 2.router.before

vue 分享微信传参_vue 微信分享问题(巨坑)

weixin_30621429的博客

12-28

596

vue 在做微信分享的时候总是会签名失败，查了各种资料和原因，原来是传给后端的URL的问题首先得引入微信自带的SDK import wx from 'weixin-js-sdk'，没安装的同学记得安装一下。以下是重点 vue 在获取当前Url的时候,当前url会加上一串微信带过来的参数，咱们只需要改变url的路径，来把正确需要传给后端的url传给后端即可。以下代码是改变url地址栏的代码va...

关于VueRouter，无法接收到url 携带的参数

qq_35895270的博客

02-20

775

VueRouter，无法接收到url 携带的参数

Vue新手指南：构建单页面应用实战

"本文是关于新手如何使用Vue.js构建单页面应用的实例教程，通过五个步骤：使用vue-cli创建项目，实现vue-router路由，运用vuex管理状态，使用vue-resource进行HTTP请求，以及基于.vue文件的组件化开发，来详细介绍...