处理 Chrome 浏览器跨域加载当地文件的题目

2023年2月13日 301次阅读 来源: spoiler

处理 Chrome 浏览器跨域加载当地文件的题目

Chrome Three.js

运用 Three.js 加载当地纹理图片时，发明加载出来的 3D 模子会悉数为黑色，发明是浏览器跨域题目。

浏览器报错为：

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：

  1. 在Chrome的快速图标上点击鼠标右键
  2. 挑选属性
  3. 挑选快速方式标签
  4. 在目的内里，在原 Chrome 途径的基础上加上 –disable-web-security
  5. 点击运用
  6. 点击肯定封闭属性窗口
  7. 封闭一切已翻开的 Chrome，重新启动
  8. 看到地址栏下面的小黄条你运用的是不受支撑的敕令标记 –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
    原文作者：spoiler
    原文地址: https://segmentfault.com/a/1190000015887146
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞