ThreeJS 跨域

环境

  • ThreeJS 107版本
  • three.min.js

说明

给地球贴图片材质时，发现报错图片跨域了。
贴图跨域

解决方案

方案一

  1. 网上找到方法修改threejs.module.js文件中的ImageLoader.prototype
    参考原文地址：https://blog.csdn.net/qq_41923622/article/details/103756549
  2. 在return之前加上image.crossOrigin=''
    贴图跨域修改位置

方案二

  1. 方案一是用源码的情形下，我这是直接用的压缩包three.min.js

  2. 同样的我去打开three.min.js，因为压缩不会改变函数名，我发现有substr(0,5)，先尝试用'substr'全文搜了一下
    搜索substr

  3. 一共5处，而substr(0,5)的只有一处，很轻易的就找到位置了

  4. 再一看实际上image被加密成了k，所以我添加k.crossOrigin='';即可
    修改源码支持跨域

后续

实际应用中，加了这句话后，threejs的请求跨域问题解决了，可浏览器跨域的问题依旧存在
浏览器跨域

这个问题只需要静态资源发布的服务器加上跨域设置即可（iis/tomcat/nginx）

posted @ 2020-05-21 10:56  苍龙de链  阅读(1719)  评论(0)  编辑  收藏  举报