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

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

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

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

Chrome Three.js

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

瀏覽器報錯為：

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的快捷圖標上點擊鼠標右鍵

選擇屬性

選擇快捷方式標簽

在目標里面，在原 Chrome 路徑的基礎上加上 --disable-web-security

點擊應用

點擊確定關閉屬性窗口

關閉所有已打開的 Chrome，重新啟動

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

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

--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云服務器本地服務器跨域問題 java加載本地文件解決問題的方法云計算解決的問題

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

轉載請注明本文地址：http://systransis.cn/yun/96591.html

網頁中下載文件的相關總結

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

shusen 2019-08-02 15:57 評論0 收藏0
網頁中下載文件的相關總結

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

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

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

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

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

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

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

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