1. 程式人生 > >微信小程式合法域名配置

微信小程式合法域名配置

    在微信小程式的開發過程中,當需要請求第三方網站資料時。各種教程就直接說呼叫wx.request介面即可。但是當初學者自己用的時候就會出現問題。比如我們這裡請求聚合資料的API(裡邊有不少免費的資料申請就可以使用)。呼叫郵編查詢的介面。

  getPostInfo: function (nu, callBack) {
    wx.request({
      url: 'https://v.juhe.cn/postcode/query',
      data: {
        postcode: nu,
        key: '*****'//key需要自己去官網申請
      },
      method: 'GET',
      success: function (res) {
        callBack(res)
      }
    })
  }

很多教程說按照以上方式呼叫即可。但是當我們在程式中實際呼叫以上程式時,就會報錯說:"https://v.juhe.cn不在合法域名列表中,請參考文件 https://mp.weixin.qq.com/debug/....." 。初學者此時就要懵逼了。別人在教程裡就可以正常執行,到自己這就不行了。其實是沒有告訴你在呼叫第三方資料時,必須要先設定合法域名。現在你可以在微信開發者工具裡,點選詳情->域名資訊。這裡有一個request合法域名。預設是未設定狀態。怎麼將第三方域名設定為合法域名呢?

    登入微信公眾平臺。點選設定,在request合法域名下填入你所用到的第三方域名。具體如下:


此時,儲存重新整理頁面。回到你的微信開發者工具,清除快取,重新編譯,開啟專案詳情頁面。可以看到合法域名已經更新了。


到這一步已經配置完畢了。 執行程式已經不會報錯。問題順利解決。

注:文中以聚合資料為例。沒有打廣告的嫌疑。不喜勿噴!