1. 程式人生 > >微信小程式在開發工具上可以編譯但是手機預覽請求不到資料

微信小程式在開發工具上可以編譯但是手機預覽請求不到資料

言簡意賅,在拿了人家開源專案來跑的時候,有時會發現小程式開發工具自帶的模擬器不能請求到資料,這時候比較簡單,直接在工具上的導航欄找到“工具--->專案詳情”,然後如圖紅框勾上


然後再編譯就開源在模擬器上正常看到請求資料了。

~~~那麼然後你肯定想在手機微信上試下,於是你點了導航欄的"預覽",掃了二維碼,發現尼瑪手機上獲取不到資料,尷尬,這時候控制檯會報一些什麼域名配置錯誤,這個時候到 “微信公眾平臺“,步驟 設定--->開發設定--->伺服器域名


正常情況下只需要四個都填你的伺服器根地址就好啦,然後回到開發工具,把剛才勾選的去掉,然後再次編譯 預覽,OK。可以正常手機除錯了。

那麼這個原因應該是 在手機跑的時候 微信會和微信公眾平臺的服務區域名去進行域名檢測,如果在程式碼裡的域名和服務區配置的域名不一致或者根本沒有配置域名的話就會請求伺服器失敗。

相關推薦

程式開發工具可以編譯但是手機請求資料

言簡意賅,在拿了人家開源專案來跑的時候,有時會發現小程式開發工具自帶的模擬器不能請求到資料,這時候比較簡單,直接在工具上的導航欄找到“工具--->專案詳情”,然後如圖紅框勾上然後再編譯就開源在模擬器上正常看到請求資料了。~~~那麼然後你肯定想在手機微信上試下,於是你點了

程式API—程式開發工具

為了讓開發者可以很方便的調起微信提供的能力,例如獲取使用者資訊、微信支付等等,小程式提供了很多 API 給開發者去使用。 要獲取使用者的地理位置時,只需要: wx.getLocation({ type: ‘wgs84’, success: (re

程式開發(5)——傳多張圖片

上傳圖片的流程是:本地將圖片上傳到——》微信臨時伺服器,能夠返回臨時圖片檔案地址——》再將臨時圖片檔案地址傳輸給服務端——》服務端從微信伺服器上下載臨時圖片檔案儲存在服務端上 這個流程有點繞,花了點時間,踩了幾腳坑才成功。 1.圖片選擇框 <view class=

程式 開發工具開發環境配置

2.安裝過程 對於Windows使用者直接雙擊下一步的方式安裝即可,此處注意我們使用的版本是官方最新的版本(不需要破解),可以不用AppID,也就是說沒有資格的開發者也可以測試。 2.1 環境

程式專案沒有快速建立 (Quick start) 程式開發工具

有時候專案直接從GIT 拉取 ,會存在.git 隱藏檔案或者因為編輯器 會存在一些隱藏資料夾,導致我們直接在新建的時候直接選擇當前資料夾時微信小程式開發工具不會顯示快速搭建專案解決方案 只需要講檔案的隱藏檔案清空,保證資料夾完全空的

程式開發工具的快捷鍵

Ctrl+S: 儲存檔案 Ctrl+[,+Ctrl+]: 程式碼行縮排 Ctrl+Shift+[,Ctrl+Shirt+]:摺疊開啟程式碼塊 Ctrl+C, Ctrl+V: 複製貼上,如果沒有選中任何文字則複製貼上一行 Shift+Alt+F:程式碼格式化 Alt+Up, Alt+Down:

程式開發工具下載以及安裝教程

當我們已經申請微信小程式賬號,接下來我們就需要安裝一個微信小程式開發工具,下面微信小程式觀察網請新增連結描述就和大家介紹一下微信小程式開發工具下載以及安裝教程,希望對大家的工作與學習有所幫助! 第一步:微信公眾平臺上登入你的微信小程式賬號 第二步:登入進入小程式開發-工具-下載,再根據你的系統選擇相對

程式,圖片傳在java後端接收到圖片的問題

在使用小程式的圖片上傳時,發現一直接收不到圖片,最後找到問題是Spring-mvc.xml配置檔案對圖片進行了預處理,所以導致沒有接收到。將配置檔案 <bean id="multipartResolver" class="or

程式中實現傳視訊的開發程式碼

index.wxml <view class="image-plus image-plus-nb" bindtap="chooseVideo"> <view class="image-plus-horizontal"></view> &l

開發 程式開發 封裝時間格式化工具類 年月日格式工具

微信小程式開發過程中,關於時間的處理常常會有不同的格式要求,那麼封裝一個滿足不同格式的通用時間工具類顯得尤為重要。結合筆者多年的開發經驗,現在把封裝的時間工具類分享給大家,僅供參考。 新建一個工具類timeUtils.js,本工具類提供了三種格式的時間: 年月日時分秒格式 YYYY-MM

個人做程式開發用到的工具

/* * 功能:通用工具類 * * 描述:小程式常用到的一些處理方法集合 * 建立日期:2018-3-27 * 更新日期:2018-7-17 */ export default { // 常用正則,使用方法:utils.regular.mobile.tes

程式開發(二) -工具

上一節,我們已經把微信小程式開發所必須的都已準備好 這一節 ,我們將 瞭解 微信開發者工具的基本使用,以及各項功能 這裡我們不講公眾號網頁除錯 這款 ide 基本功能 有如下三點 小程式除錯(開發者可以完成小程式的 API 和頁面的開發除錯)

程式開發常用技巧(6)——列表拉載入更多

微信小程式API提供了監聽頁面使用者下拉重新整理事件,但是沒有提供上拉監聽事件,實際開發過程中經常會用到上拉列表,載入更多的需求。那麼如何實現呢? 實現原理:利用onReachBottom監聽頁面滑動到底部,然後執行具體的函式方法,例如請求資料,然後將列表資料

程式開發手記之七:一個程式上線後的總結(

終於,經過大概一週時間,磕磕絆絆地提交稽核了,一個移動猿開發小程式,也算有了些心得,也遇到了些坑,這裡和大家一起分享下。 怎麼樣調佈局 先說一個題外話,最後引入正題。 如果翻看過一些資料,大家肯定很容易會發現一件事,那就是關於image標籤的預設寬高,

程式開發指南,介面文件,工具下載使用

相信前天,從事網際網路行業人的朋友圈給刷爆了,前微信公眾平臺開始陸續對外發送小程式內測邀請,而小程式即被外界廣為關注的微信“應用號”。 小程式的推出也並非一蹴而就,早在2016年1月的微信公開課上,微信之父張小龍就透露微信即將推出應用號。根據張小龍的描述,應用號的形態大致為

程式開發--Item01 程式開發工具熟悉

什麼是微信小程式? 對我們開發者的影響? 一些基本要求 小程式大小要求: 基本安裝包小於2M 效能上: WebApp< Hybrid< Native 效能上 關注問題:開放平臺,生態,格局和眼光 現在的App哪些適合? 知乎

程式開發之下拉重新整理 拉載入

微信小程式中的下拉重新整理,上拉載入的功能很常見,目前我知道的有兩種可行的方法,一是scroll-view,二是整個頁面重新整理.今天說說第一種,自己造輪子,難免有些瑕疵,日後慢慢完善. 上gif: 原理: scroll-view中有監聽滑動的方法,這個跟androi

程式開發-開發工具

小程式app的三個檔案1、小程式邏輯檔案 app.js2、小程式公共設定檔案 app.json3、小程式公共樣式表文件 app.wxss小程式app中的頁面結構包括四個檔案1、頁面邏輯檔案 xxx.js2、頁面結構檔案 xxx.wxml3、頁面樣式表文件 xxx.wxss4、

程式開發記錄一,開發工具的使用

工欲善其事,必先利其器。開發工具的下載》1.微信開發者工具的下載:    下載地址:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html請下載自己對應的版本號,即32位系統的請下載32位系統,64位系

程式開發之圖片傳+Java服務端接收 好不好使有待確認

閒言少敘直入正題存放路徑:/root/apache-tomcat-8.5.30/webapps/images/xxx.jpg前端程式碼在網上一搜一大堆,且搜出來的結果基本上是正確的,沒啥好說的,我連程式碼都不想貼(如果有時間的話明天整理下貼在文章結尾,沒時間的話就不貼了)。但是,但是,但是,靠譜的,不用改動就