html檔案引用本地js檔案出現跨域問題的解決方案

2022-07-23 18:51:11 字數 520 閱讀 2570

在本地做個小demo,很簡單,乙個html檔案,乙個js檔案,在html檔案中通過標籤引入js,但是出現了乙個意想不到的問題:瀏覽器報錯——

一番折騰後,終於弄明白了:載入js檔案時使用了file協議,該協議會導致跨域,而使用htpp、https等協議時則沒有跨域問題。而使用file協議則是因為在瀏覽器中檢視html檔案時沒有起服務!平時使用webstorm時會自動起服務,所以沒有注意到這個問題。

解決方法是安裝anywhere npm包,在命令列中執行命令 $ anywhere即可啟動服務,然後可以在瀏覽器中使用http協議來訪問html和js,就不會再報跨域錯誤。12

3$ npm i anywhere

//進入html檔案所在資料夾

$ anywhere

anywhere —— 隨啟隨用的靜態檔案伺服器 

running static file server anywhere. 隨時隨地將你的當前目錄變成乙個靜態檔案伺服器的根目錄。

html檔案引用本地js檔案出現跨域問題的解決方案

在本地做個小demo,很簡單,乙個html檔案,乙個js檔案,在html檔案中通過標籤引入js,但是出現了乙個意想不到的問題 瀏覽器報錯 一番折騰後,終於弄明白了 載入js檔案時使用了file協議,該協議會導致跨域,而使用htpp https等協議時則沒有跨域問題。而使用file協議則是因為在瀏覽器...

html外部js檔案引用其他js檔案的函式

這裡的html引用的js以外部js形式出現,這個js檔案很可能要引用其他的js檔案裡面的函式,而又不在同乙個html中,怎麼辦呢?比如test.html引用外部a.js,a.js中有乙個函式function a function a 裡面需要用到b.js裡面的function b 要求這一行放在ht...

載入本地Html檔案

uiwebview webview uiwebview alloc initwithframe cgrectmake 0,0,320,480 autorelease nsstring htmlpath nsbundle quartz2d.html htmlpath htmlpath stringby...