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

vue 在做微信分享的时候总是会签名失败，查了各种资料和原因，原来是传给后端的URL的问题

首先得引入 微信自带的SDK import wx from 'weixin-js-sdk'，

没安装的同学记得安装一下。

以下是重点 vue 在获取当前Url的时候,当前url会加上一串微信带过来的参数，咱们只需要改变url的路径，来把正确需要传给后端的url传给后端即可。

以下代码是改变url地址栏的代码

var stateObject = {} 这个空就行可以忽略

var title = '' //标题这个可以忽略

var newUrl = '' //重点是这个，这个参数是存改变过后的url

if (location.href.indexOf('?') == '-1') {

newUrl = window.location.href

} else {

newUrl = encodeURI(location.href.split('?')[0] + '#' + location.href.split('#')[1])

}

history.pushState(stateObject, title, newUrl) //这一句代码是把newUrl重新赋予给url地址栏

然后下面就是传给后端参数

axios.post(‘接口地址’, {

loanKey: this.$route.params.loanKey,

url: location.href.split('#')[