瀏覽器原生支持ECMAScript模塊，本地測試報CORS policy跨域錯誤

leiyi 發布于2019-08-26 12:19 / 1706人閱讀

摘要：瀏覽器已經原生支持模塊，我閱讀著底部參考鏈接的兩篇文章，本地測試打開文件，沒有顯示預期的內容，打開控制臺，報錯如下這是為什么不像常規的腳本加載，直接跨域可以解析，模式下腳本資源加載需要方式獲取，不然瀏覽器報跨域相關錯誤如何支持跨域需要模塊資

瀏覽器已經原生支持ES模塊，我閱讀著底部參考鏈接的兩篇文章，本地測試

打開 html 文件，沒有顯示預期的內容，打開控制臺，報錯如下:

這是為什么？

不像常規的腳本加載，直接跨域可以解析，module模式下腳本資源加載需要 CORS 方式獲取，不然瀏覽器報CORS policy跨域相關錯誤

如何支持跨域？
需要模塊資源服務端配置 Access-Control-Allow-Origin，可以指定具體域名，
或者直接使用* 通配符，Access-Control-Allow-Origin:*

意味著代碼本地跑不了，至少得放服務器上，而且服務器需要配置配置Access-Control-Allow-Origin

于是我將代碼放到的 github上，正常顯示預計效果，打開控制臺也沒有報錯點擊查看測試

學習詳細內容請參考下面的兩篇文章～

參考鏈接：
ECMAScript modules in browsers
萬歲，瀏覽器原生支持ES6 export和import模塊啦！

云服務器 GPU云服務器測試瀏覽器支持webrtc 服務器支持cors ajax跨域訪問報錯服務器報406錯誤

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/108489.html

前端培訓-中級階段（11、12）- 跨域請求原理以及實現（2019-08-22期）

摘要：上節我們講了同源策略，這節我們講講如何跨域。當這些從的腳本執行出錯，因為違背了同源策略為了保證用戶信息不被泄露，錯誤信息不會顯示出來，取而代之只會返回一個。前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門，但也僅僅是入門，現在前端開發的定義已經遠遠不止這些。前端小課堂（HTML/CSS/JS），本著提升技術水平，打牢基礎知識的中心思想，我們開課啦（每...

binaryTree 2019-08-26 10:21 評論0 收藏0
Web 應用安全性: 使用這些 HTTP 頭保護 Web 應用

摘要：綜上所述，認為沒有提供的保護，用戶會過得更好安全研究人員并不完全反對這一決定。內容安全策略是一個額外的安全層，用于檢測并削弱某些特定類型的攻擊，包括跨站腳本和數據注入攻擊等。這是關于web安全性系列文章的第三篇，其它的可點擊以下查看： Web 應用安全性: 瀏覽器是如何工作的 Web 應用安全性: HTTP簡介目前，瀏覽器已經實現了大量與安全相關的頭文件，使攻擊者更難利用漏...

spademan 2019-08-26 13:35 評論0 收藏0
20K前端大佬面試(關于如何回答ajax跨域問題)

摘要：在接觸前端開發起，跨域這個詞就一直以很高的頻率在我們學習工作中重復出現，最近在工作中遇到了跨域的相關問題，這里我把它總結記錄一下。在接觸前端開發起，跨域這個詞就一直以很高的頻率在我們學習工作中重復出現，最近在工作中遇到了跨域的相關問題，這里我把它總結記錄一下。關于跨域，有N種類型，現在我只專注于ajax請求跨域(ajax跨域只是屬于瀏覽器同源策略中的一部分,其它的這里不做介紹)，內容...

Yangyang 2019-08-02 16:09 評論0 收藏0