摘要:做項目遇到一個百度地圖的跨域問題。由于使用,在調用類似您的的時候,不可避免的出現了跨域問題。您的設置是解決了報錯問題,但是響應的會為空。仔細查看百度地圖文檔后,決定從入手,于是找到這個庫上代碼您的這時候便可以得到正確的了。
做項目遇到一個百度地圖api 的跨域問題。由于使用fetch ,在調用類似
http://api.map.baidu.com/geocoder/v2/callback=renderReverse&location=39.983424,116.322987&output=json&pois=1&ak=您的ak 的時候,不可避免的出現了跨域問題。
fetch(baseUrl + "location=39,116&output=json&ak=您的ak&callback=showLocation",{ mode:"no-cors", // credentials: "include", headers:{ Accept: "application/json",} }) .then( response => response.json() ) // .then(data => console.log(data)) .catch( e => console.log(e,111))
設置 mode:"no-cors",是解決了報錯問題,但是響應的body會為空。
仔細查看百度地圖api文檔后,決定從jsonp入手,
于是找到這個庫fetch-jsonp
上代碼
import fetchJsonp from "fetch-jsonp" fetchJsonp(baseUrl + "location=39,116&output=json&ak=您的ak",{ // mode:"no-cors", // credentials: "include", headers:{ Accept: "application/json",}, jsonCallbackFunction:"showLocation" }) .then( response => response.json() ) .then(data => console.log(data))
這時候便可以得到正確的response body了。
ps: 喜歡請點贊o( ̄▽ ̄)ブ
ps: 有更好方法的請賜教~
ps:fetch-jsonp文檔
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/85125.html
摘要:填坑之旅篇填坑之旅動畫填坑之旅請求篇如果不能從頭到尾的建立一個應用,那么將失色不少。隨著,內置的支持了這個填補回調地獄大坑的功能。很好的利用了這一點,它的請求返回結果就是。在界面上顯示異常用,顯示警告使用。 React Native填坑之旅--Button篇React Native填坑之旅--動畫React Native填坑之旅--HTTP請求篇 如果不能從頭到尾的建立一個RN應用,那...
摘要:我采用了插件原生百度地圖的二次封裝,但是插件里的紅點標記需要用到經緯度值。 先扯一會兒 首先非常感謝大家的閱讀(感謝已加粗),這是我人生中第一次寫技術文章(以前打字都費勁),本人小white一個(秀一下英語詞匯量),技術不咋地,就是愛分享,動不動還來個原創,你說氣人不~ 閑話少說,進入主題!!! 重點部分 最近在做一個基于vue的設備管理系統,其中有一個需求:需要把設備所在地的...
閱讀 1356·2021-11-15 11:45
閱讀 3123·2021-09-27 13:36
閱讀 2867·2019-08-30 15:54
閱讀 984·2019-08-29 12:38
閱讀 2905·2019-08-29 11:22
閱讀 2983·2019-08-26 13:52
閱讀 2026·2019-08-26 13:30
閱讀 584·2019-08-26 10:37