用于記錄接入微信JS-SDK的坑，以后方便查詢 第一次接入公眾號微信支付、分享、定位等等的坑的時候，心里是迷茫而又恐懼。因為，聽說坑特別多，后來發現自己的親身體驗到了這一點。

創新互聯公司公司2013年成立，先為陽朔等服務建站，陽朔等地企業，進行企業商務咨詢服務。為陽朔企業網站制作PC+手機+微官網三網同步一站式服務解決您的所有建站問題。

支付的坑

1、當前URL未注冊

所以進入以下位置：

登錄微信商戶平臺-產品中心-開發配置，配置支付授權路徑。如果掉起支付的頁面在 域名/pay.html中，那么就在此添加授權路徑， 如我的掉起支付的頁面在www.weixinPay.com/pay.html 中，那么授權目錄就配置為htt://www.weixinPay.com/

tip: 注意：后面的 / 一定要加上，表示該路徑下的頁面都可以調起微信的支付接口。

2、如果按照以上還是彈出當前URL未注冊 因為微信支付對spa項目的hash路由兼容還是不很好。需要加上一個 "?" 如圖:

代碼如下:

watch: {
 $route() {
  this.directRightUrl()
 }
},
methods: {
 directRightUrl() {
 let { href, protocol, host, pathname, search, hash } = window.location
 search = search || '?'
 let newHref = `${protocol}//${host}${pathname}${search}${hash}`
 if (newHref !== href) {
  window.location.replace(newHref)
 }
 }

網站題目：詳解vue項目接入微信JSSDK的坑-創新互聯
文章分享：http://vcdvsql.cn/article20/cdigjo.html

成都網站建設公司_創新互聯，為您提供Google、App開發、品牌網站建設、營銷型網站建設、企業建站、網站改版

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯