首页 > 其他 > 详细

vue 不使用 history 模式的时候分享的问题

时间:2019-06-18 14:53:14      阅读:191      评论:0      收藏:0      [点我收藏+]

最近开发vue的时候发现 不使用history模式的时候,二次分享地址会出现非常大的改变

 

原来的地址  http://www.test.com/html/#/

二次分享打开的地址  http://www.test.com/html/?from=singlemessage&isappinstalled=0#/

如果有自定义分享地址  http://www.test.com/html/?from=singlemessage&isappinstalled=0#/?user_id=1

微信分享的时候默认都会在url后面添加from和isappinstalled,这样如果有支付页就会出现地址错误的问题

 

解决方法

  function getQueryString(name) {
        var reg = new RegExp(‘(^|&)‘ + name + ‘=([^&]*)(&|$)‘, ‘i‘);
        var r = window.location.search.substr(1).match(reg);
        if (r != null) {
            return unescape(r[2]);
        }
        return null;
    }
    // 分享地址进来更新地址
    if(getQueryString(‘isappinstalled‘) === ‘0‘){
        window.location.replace(window.location.href.replace(window.location.search,‘‘));
        return false;
    }

 

可以在app.vue的beforeCreate里面添加一段这个来做地址跳转替换。

当你再次复制地址的时候就会发现地址就正确了。

 

vue 不使用 history 模式的时候分享的问题

原文:https://www.cnblogs.com/loren1995/p/11045069.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!