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

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

clipboard.png

clipboard.png

打開 html 文件,沒有顯示預期的內容,打開控制檯,報錯以下:git

clipboard.png

這是爲何?es6


不像常規的腳本加載,直接跨域能夠解析,module模式下腳本資源加載須要 CORS 方式獲取,否則瀏覽器報CORS policy跨域相關錯誤github

如何支持跨域?
須要模塊資源服務端配置 Access-Control-Allow-Origin,能夠指定具體域名,
或者直接使用* 通配符,Access-Control-Allow-Origin:*跨域

意味着代碼本地跑不了,至少得放服務器上,並且服務器須要配置配置Access-Control-Allow-Origin瀏覽器

因而我將代碼放到的 github上,正常顯示預計效果,打開控制檯也沒有報錯 點擊查看測試服務器

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

參考連接:
ECMAScript modules in browsers
萬歲,瀏覽器原生支持ES6 export和import模塊啦!學習

相關文章
相關標籤/搜索