解決 Chrome 瀏覽器跨域加載本地文件的問題

oujie 發(fā)布于2019-08-23 10:41 / 1748人閱讀

摘要：解決瀏覽器跨域加載本地文件的問題使用加載本地紋理圖片時，發(fā)現(xiàn)加載出來的模型會全部為黑色，發(fā)現(xiàn)是瀏覽器跨域問題。

解決 Chrome 瀏覽器跨域加載本地文件的問題

Chrome Three.js

使用 Three.js 加載本地紋理圖片時，發(fā)現(xiàn)加載出來的 3D 模型會全部為黑色，發(fā)現(xiàn)是瀏覽器跨域問題。

瀏覽器報錯為：

index.html:1 Access to Image at "file:///Users/inxx/Code/Github/Note/WebGL/3D%E7%94%B5%E6%B0%94%E5%AE%A4/img/floor.jpg" from origin "null" has been blocked by CORS policy: Invalid response. Origin "null" is therefore not allowed access.

1. Windows：

在Chrome的快捷圖標(biāo)上點擊鼠標(biāo)右鍵

選擇屬性

選擇快捷方式標(biāo)簽

在目標(biāo)里面，在原 Chrome 路徑的基礎(chǔ)上加上 --disable-web-security

點擊應(yīng)用

點擊確定關(guān)閉屬性窗口

關(guān)閉所有已打開的 Chrome，重新啟動

看到地址欄下面的小黃條你使用的是不受支持的命令標(biāo)記 --disable-web-security，就成功了

注意： --前面有個空格
如果是 49 以上的版本：
步驟和上面的一樣，只是第4步的參數(shù)稍微不一樣。

--disable-web-security --user-data-dir=C:MyChromeDevUserData

注：C:MyChromeDevUserData 是你本地硬盤的一個目錄，你自己最好新建一個，上面的目錄路徑換成你新建的目錄就可以了。

2. Mac：

在終端中輸入

open -a /Applications/Google Chrome.app --args --disable-web-security --user-data-dir

GPU云服務(wù)器云服務(wù)器本地服務(wù)器跨域問題 java加載本地文件解決問題的方法云計算解決的問題

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/96591.html

相關(guān)文章

網(wǎng)頁中下載文件的相關(guān)總結(jié)

摘要：對于通過去下載文件時跨域的問題有一個解決思路是自己寫一個代理服務(wù)代理服務(wù)負(fù)責(zé)在服務(wù)端下載文件并配置好跨域相關(guān)的信息然后請求走代理服務(wù)進(jìn)行下載。 0. 概述文件下載是web應(yīng)用中很常見的場景，在瀏覽器中下載文件, 最基本的方式就是——在頁面內(nèi)隱藏iframe, 然后將文件下載地址加載到iframe中, 從而觸發(fā)瀏覽器的下載行為。此外, html5引入a標(biāo)簽的download屬性, ...

shusen 2019-08-02 15:57 評論0 收藏0
網(wǎng)頁中下載文件的相關(guān)總結(jié)

摘要：對于通過去下載文件時跨域的問題有一個解決思路是自己寫一個代理服務(wù)代理服務(wù)負(fù)責(zé)在服務(wù)端下載文件并配置好跨域相關(guān)的信息然后請求走代理服務(wù)進(jìn)行下載。 0. 概述文件下載是web應(yīng)用中很常見的場景，在瀏覽器中下載文件, 最基本的方式就是——在頁面內(nèi)隱藏iframe, 然后將文件下載地址加載到iframe中, 從而觸發(fā)瀏覽器的下載行為。此外, html5引入a標(biāo)簽的download屬性, ...

taowen 2019-08-21 11:51 評論0 收藏0
腳本化HTTP 取得響應(yīng) 指定請求

摘要：并且這個對象屬性和方法允許指定請求細(xì)節(jié)和提取響應(yīng)數(shù)據(jù)。此請求不會被緩存。在發(fā)送完成請求以后，下一步將會取得響應(yīng)。腳本化HTTP下面將會用js代碼操縱HTTP下面將會說明在沒有導(dǎo)致web瀏覽器重新加載任何窗口或者窗體的情況下，腳本實現(xiàn)web瀏覽器和服務(wù)器之間的通信。ajax：為一種找早起避免頁面重載而動態(tài)更新頁面的方式，不過現(xiàn)在是直接數(shù)據(jù)驅(qū)動，或者類似于vue的單頁應(yīng)用comet：這個...

idisfkj 2019-08-26 12:11 評論0 收藏0
前端性能與異常上報

摘要：回過頭來發(fā)現(xiàn)，我們的項目，雖然在服務(wù)端層面做好了日志和性能統(tǒng)計，但在前端對異常的監(jiān)控和性能的統(tǒng)計。對于前端的性能與異常上報的可行性探索是有必要的。這是我們頁面加載性能優(yōu)化需求中主要上報的相關(guān)信息。概述對于后臺開發(fā)來說，記錄日志是一種非常常見的開發(fā)習(xí)慣，通常我們會使用try...catch代碼塊來主動捕獲錯誤、對于每次接口調(diào)用，也會記錄下每次接口調(diào)用的時間消耗，以便我們監(jiān)控服務(wù)器接口...

gggggggbong 2019-08-23 10:30 評論0 收藏0
API

摘要：是一個極度純凈的上傳插件，通過簡單調(diào)整就可以融入到任何項目，支持多文件上傳上傳速率動態(tài)控制真實進(jìn)度監(jiān)控分塊生成分塊上傳校驗秒傳暫停取消等。跨域?qū)W習(xí)筆記前言: 當(dāng)一個資源，向與之所在服務(wù)器不同的域或端口請求另一個資源時，這個HTTP請求，我們認(rèn)為是跨域的請求。出于安全考慮，瀏覽器會限制腳本發(fā)起的跨域HTTP請求。那天后端讓我把token放到http請求頭字段里，說是為了和RN端統(tǒng)一...

lsxiao 2019-08-21 18:25 評論0 收藏0