微信配置SDK出現(xiàn) invalid signature簽名錯誤

假設域名是 : http://www.48app.com

本人前端，出現(xiàn)錯誤時，首先與后臺確認字段及加密方式是否正確，在他檢查appid等字段之后，通過微信網(wǎng)頁工具 http://mp.weixin.qq.com/debug... 進行驗證，發(fā)現(xiàn)發(fā)送給我的字段信息，與工具導出的一模一樣。

那么，問題應該來自于前端，我通過引入 http://res.wx.qq.com/open/js/... 此版本sdk，在進入頁面時(需要用到sdk的頁面) 調(diào)用 wx.config({params}), 需要注意我使用的是hash路由控制spa頁面。 附帶參數(shù)截圖如下:

我在懷疑是我的url錯誤，從而后臺的singnature出錯，那么現(xiàn)在我跟您描述一下，我的實現(xiàn)過程。

預先說明

1. 我們的域名是(服務器綁定的域名地址) http://www.48app.com
2. 我需要使用sdk的頁面(hash路由) http://www.48app.com/#/toggle...

實現(xiàn)過程

1. 首先在 toggle_community 頁面當中，我按照文檔中說明的，用location.href.split(“#”)[0] 獲取到除去hash部分的域名部分:http://www.48app.com ，接著我把url后面如果出現(xiàn)參數(shù)就截取下來，與域名拼接到一起(其實就是過濾掉hash路由部分)。我也沒有忘記 encodeUrlComponent 轉(zhuǎn)碼之后發(fā)送給后臺.
2. 后臺經(jīng)過加密之后，返回給我這幾個參數(shù)，我需要填寫的字段只有 debug 與 jsApiList
3. 考慮到url的驗證等問題，我把項目構(gòu)建到了線上地址，用手機打開微信，正常流程進入頁面之后，最后提示 無效的簽名