求微信安卓版本H5页面带#!后的地址被截断的解决方法

Question

微信公众号二次开发，微信分享的时候，发现基于Vue-router的路由的链接在分享的时候总是被截断，比如http://www.xxxx.com/abc/city#... 其中#!后面的部分总是无法分享出去，被截断。同样的代码，在iOS下就不会有问题。

另外，在微信浏览器右上角的菜单里，复制当前页面链接也是无法获取到#!以后的内容，很是疑惑，有没有大神遇到过类似问题？

Answer 1

首先确定，是否是微信截断的，是否是进入页面之后由于页面处理的。

先说前者，#仅仅是一个标记，告诉当前要应用哪个视图而已。你可以在添加#标记的同是，添加一个?sign=xxx的标记，页面检测视图的时候同时检测二者来确定当前应用哪个视图。

如果是后者，就得从你代码逻辑去处理了。

看你这里使用了Vue-router，我不确定是否可以自定义地址参数，需要你自己研究下。

Answer 2

这个需要在程序中通过微信的分享接口重新设置分享链接，不要带#!这种符号。然后在PHP跳转

Answer 3

分享我的简单实现：
http://hasbug.com/index.php/a...