VUE微信分享hash模式带#的BUG

在二级页面分享的时候直接进首页

解决方案:

1.在public目录下添加一个跳转页:redirect.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta
      name="viewport"
      content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"
    />
    <title>DEMO</title>
  </head>

  <body>
    <noscript>
      <strong>Please enable JavaScript to continue.</strong>
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
  <script>
 
    let url = location.href.split('?')
    let pars = url[1].split('&')
    let data = {}
    pars.forEach((n, i) => {
    let p = n.split('=')
    data[p[0]] = p[1]
    })
    if (!!data.app3Redirect) {
    self.location = decodeURIComponent(data.app3Redirect)
    }
    
   </script>
</html>

　　

2.将原来微信分享的link地址改为:  window.location.href.split('#')[0] + 'redirect.html?app3Redirect=' + encodeURIComponent(window.location.href)

posted @ 2020-04-17 20:42  hezhiming  Views(666)  Comments(0)    收藏  举报