詳解vue項(xiàng)目接入微信JSSDK的坑-創(chuàng)新互聯(lián)

用于記錄接入微信JS-SDK的坑，以后方便查詢 第一次接入公眾號(hào)微信支付、分享、定位等等的坑的時(shí)候，心里是迷茫而又恐懼。因?yàn)?，聽說(shuō)坑特別多，后來(lái)發(fā)現(xiàn)自己的親身體驗(yàn)到了這一點(diǎn)。

創(chuàng)新互聯(lián)公司公司2013年成立，先為陽(yáng)朔等服務(wù)建站，陽(yáng)朔等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為陽(yáng)朔企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。

支付的坑

1、當(dāng)前URL未注冊(cè)

所以進(jìn)入以下位置：

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

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

2、如果按照以上還是彈出當(dāng)前URL未注冊(cè) 因?yàn)槲⑿胖Ц秾?duì)spa項(xiàng)目的hash路由兼容還是不很好。需要加上一個(gè) "?" 如圖:

代碼如下:

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)
 }
 }

網(wǎng)站題目：詳解vue項(xiàng)目接入微信JSSDK的坑-創(chuàng)新互聯(lián)
文章分享：http://bm7419.com/article20/cdigjo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供Google、App開發(fā)、品牌網(wǎng)站建設(shè)、營(yíng)銷型網(wǎng)站建設(shè)、企業(yè)建站、網(wǎng)站改版

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)