資訊專欄INFORMATION COLUMN
摘要：做項(xiàng)目遇到一個(gè)百度地圖的跨域問題。由于使用，在調(diào)用類似您的的時(shí)候，不可避免的出現(xiàn)了跨域問題。您的設(shè)置是解決了報(bào)錯(cuò)問題，但是響應(yīng)的會(huì)為空。仔細(xì)查看百度地圖文檔后，決定從入手，于是找到這個(gè)庫(kù)上代碼您的這時(shí)候便可以得到正確的了。
做項(xiàng)目遇到一個(gè)百度地圖api 的跨域問題。由于使用fetch ，在調(diào)用類似
http://api.map.baidu.com/geocoder/v2/callback=renderReverse&location=39.983424,116.322987&output=json&pois=1&ak=您的ak 的時(shí)候，不可避免的出現(xiàn)了跨域問題。
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))
設(shè)置 mode:"no-cors",是解決了報(bào)錯(cuò)問題，但是響應(yīng)的body會(huì)為空。
仔細(xì)查看百度地圖api文檔后，決定從jsonp入手，
于是找到這個(gè)庫(kù)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))
這時(shí)候便可以得到正確的response body了。
ps: 喜歡請(qǐng)點(diǎn)贊o(￣▽￣)ブ
ps: 有更好方法的請(qǐng)賜教~
ps：fetch-jsonp文檔
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/85125.html
摘要：填坑之旅篇填坑之旅動(dòng)畫填坑之旅請(qǐng)求篇如果不能從頭到尾的建立一個(gè)應(yīng)用，那么將失色不少。隨著，內(nèi)置的支持了這個(gè)填補(bǔ)回調(diào)地獄大坑的功能。很好的利用了這一點(diǎn)，它的請(qǐng)求返回結(jié)果就是。在界面上顯示異常用，顯示警告使用。 React Native填坑之旅--Button篇React Native填坑之旅--動(dòng)畫React Native填坑之旅--HTTP請(qǐng)求篇 如果不能從頭到尾的建立一個(gè)RN應(yīng)用，那...
摘要：我采用了插件原生百度地圖的二次封裝，但是插件里的紅點(diǎn)標(biāo)記需要用到經(jīng)緯度值。 先扯一會(huì)兒 首先非常感謝大家的閱讀(感謝已加粗)，這是我人生中第一次寫技術(shù)文章(以前打字都費(fèi)勁)，本人小white一個(gè)(秀一下英語(yǔ)詞匯量)，技術(shù)不咋地，就是愛分享，動(dòng)不動(dòng)還來個(gè)原創(chuàng)，你說氣人不~ 閑話少說，進(jìn)入主題！?。? 重點(diǎn)部分 最近在做一個(gè)基于vue的設(shè)備管理系統(tǒng)，其中有一個(gè)需求：需要把設(shè)備所在地的...
閱讀 1367·2021-11-15 11:45
閱讀 3134·2021-09-27 13:36
閱讀 2878·2019-08-30 15:54
閱讀 995·2019-08-29 12:38
閱讀 2915·2019-08-29 11:22
閱讀 2996·2019-08-26 13:52
閱讀 2042·2019-08-26 13:30
閱讀 595·2019-08-26 10:37
