Vue页面hash模式下分享到第三方失败（只会分享主页）

作者: 李佳明先生 | 来源:发表于2019-06-11 23:27 被阅读0次

Vue页面hash模式下分享到第三方失败（只会分享主页）
【vue-cli】路由模式
微信公众号底部自定义菜单栏链接在spa项目上的分享问题
Vue错误集
Vue路由「十五」-- vue-router的路由模式***
vue-router+nginx 非根路径配置方法
Vue Router去掉url中默认的锚点#
Vue、React前端项目打包部署
vue-router的两种模式的区别
前端路由的两种模式

这个原因大抵是hash模式的#号造成的，所以#后的链接会无效
这个解决思想是：

用正则将#号替换成特殊标识符======>

http://aaa.com/#/a/d=====>http://aaa.com/iJarmin.html/a/b

当跳过来的时候将特殊标识符换回#号

http://aaa.com/iJarmin.html/a/b=====>http://aaa.com/#/a/d

代码分为两部分

            window.open(url.replace(/\/#\//g,'/iJarmin.html/'),'_blank');

        if(window.location.href.match(/\/iJarmin.html\//g)){
            window.location.href=window.location.href.replace(/\/iJarmin.html\//g,'/#/');
          }

Vue页面hash模式下分享到第三方失败（只会分享主页）
这个原因大抵是hash模式的#号造成的，所以#后的链接会无效这个解决思想是：用正则将#号替换成特殊标识符====...
【vue-cli】路由模式
1. 概念路由模式包括 hash模式和history 模式 1.1 hash模式单页面应用中vue-route...
微信公众号底部自定义菜单栏链接在spa项目上的分享问题
问题如图：出现在vue，angular, react等单页面应用项目上，单页面应用路由用的hash, 而分享时微...
Vue错误集
vue-router使用hash模式时,页面点击跳转或者刷新正常．使用history模式时,页面点击跳转正常,刷新...
Vue路由「十五」-- vue-router的路由模式***
vue-router的路由模式有 hash模式和 history模式，默认使用 hash 模式hash模式：使用...
vue-router+nginx 非根路径配置方法
vue-router 的默认数据hash模式-使用url的hash来模拟一个完整的URL，于是当URL改变时，页面...
Vue Router去掉url中默认的锚点#
vue-router默认hash模式——使用URL的hash来模拟一个完整的URL，于是当URL改变时，页面不会重...
Vue、React前端项目打包部署
前端单页面应用部署前端打包上线部署方案之 hash路由模式对于hash路由模式打包的单页面应用，直接发布到服务...
vue-router的两种模式的区别
vue-router有两种模式，hash和history模式。 hash模式，默认是hash模式hash的原理是o...
前端路由的两种模式
概述灵感偶现，重新整理一下Vue的两种前端路由模式：hash和history。什么是单页面应用(SPA)? 首...