首先戒悠，我們梳理一下百度地圖加載的過程饥侵。
我們在頁面的html底下寫了一條百度地圖的script余黎，頁面在初始化的時候奠滑，會加載這條script萄凤，這條script會引入BMap這個全局變量屏富，以及一些處理函數(shù)（比如我們下面要講到的_jsload2），然后會檢測localstorage里面有沒有需要的一些變量蛙卤，沒有的話狠半，再次寫一個標簽，形如api.map.baidu.com/getmodules颤难？這樣src的script神年，由于是script標簽引入的，所以沒有跨域的問題行嗤，這條腳本會加載一條條函數(shù)已日，放到全局window底下去實現(xiàn)，把一些處理函數(shù)放到localstorage里面栅屏。
接著有趣的事情發(fā)生了飘千，由于qiankunjs用了自己寫的import-html-entry來劫持script標簽，把這條標簽注視掉栈雳，然后發(fā)起一個通用的fetch來請求這些資源护奈，這樣就導(dǎo)致了那些用script標簽引入的資源會導(dǎo)致跨域錯誤。
可以的解決辦法：看了源碼哥纫，發(fā)現(xiàn)在用qiankunjs啟動的時候霉旗，跨域傳入一個opts參數(shù)，這條參數(shù)，可以寫入一個fetch請求厌秒，如果沒有這個fetch读拆，則使用瀏覽器自帶的fetch，這個地方就給我們留了條口子來hack
說干就干鸵闪，針對那些有callback的src檐晕，我們就可以認為他是jsonp請求，這部分我們拆開來處理蚌讼，其余的則按照fetch來處理棉姐，這里需要注意的是fetchjsonp會寫一條標簽，這個標簽我們得放到document底下啦逆，不然依然會被qiankunjs劫持伞矩，導(dǎo)致死循環(huán)。這樣的話夏志，依然會發(fā)生上面跨域的問題乃坤，為什么呢？原因在于形如api.map.baidu.com/getmodules沟蔑？這樣的標簽是沒有callback參數(shù)的湿诊，編者認為可能百度也就不是按照jsonp的請求來實現(xiàn)的，而是僅僅是寫一條標簽瘦材，引入這個資源罷了厅须，但是我們還是按照統(tǒng)一的jsonp來封裝請求他。
這里有一個_jsload2朗和，這個其實是一開始的百度標簽所加載的一個全局函數(shù)，寫入了window底下簿晓，原本眶拉，檢測出了localstorage里沒有相應(yīng)的內(nèi)容，即會加載這幾條js憔儿，來依次寫入相應(yīng)的內(nèi)容忆植，但是，這個地方谒臼，我們犯了個錯朝刊，本意是想改寫_jsload2這個函數(shù)，讓其能夠?qū)崿F(xiàn)原本功能外蜈缤，還能監(jiān)測到其執(zhí)行的狀態(tài)拾氓，但是，這里犯了個錯劫樟，這個函數(shù)痪枫，的參數(shù)有兩個，但是我們只寫了一個叠艳，導(dǎo)致后面的內(nèi)容變成了undefined奶陈，從而后續(xù)結(jié)果報錯，這里編者之前還有點糾結(jié)一個問題附较，即換了名字可以成功請求吃粒，使用_jsload2卻不能成功，后來經(jīng)過查驗發(fā)現(xiàn)拒课，由于使用的名字不是_jsload2徐勃，但是返回的依然是_jsload2，導(dǎo)致不能訪問到我們自定義的callback早像，然后導(dǎo)致超時僻肖，拋出了自定義錯誤，由于沒有捕獲卢鹦，所以我們查看不到臀脏，另一方面，雖然導(dǎo)致了自定義錯誤冀自，但是揉稚，由于使用fetchjsonp，這條標簽其實是寫到document底下的了熬粗，然后就自然的加載了資源搀玖，在全局window底下執(zhí)行_jsload2這個函數(shù)，未改其名字前驻呐，由于寫入的參數(shù)錯誤灌诅，導(dǎo)致第二個參數(shù)成了undefined，導(dǎo)致寫入localstorage錯誤含末，從而導(dǎo)致后續(xù)錯誤延塑。
總結(jié)：這次事件首先我對百度地圖加載資源就不太清楚，開始就沒有發(fā)現(xiàn)是localstorage的問題答渔，然后梳理了一下百度地圖加載過程之后关带，這個事情其實也就比較清楚了，解決方案因人而異沼撕，這里是我們的解決方案宋雏，并且因此導(dǎo)致的一些問題，謹作記錄务豺！
