threeJS 跨域

threejs加载在线纹理跨域问题

发布于 2024-02-27 11:55:01

环境

Threejs版本是12.4

引言

之前Threejs老版本提供了解决方案：

THREE.ImageUtils.crossOrigin = '';   //处理纹理图加载跨域问题

目前网上还有不少上述解决方案，但是新版本的纹理加载，Threejs已经默认解决了该问题，通过源码我们可以看到：

crossOrigin属性的默认值为'anonymous'

解决方案

遇到该问题建议还是让后端配置跨域，但是我尝试了最常用的方案：

app.all('*', function (req, res, next) {
 res.header("Access-Control-Allow-Origin","*");
 res.header("Access-Control-Allow-Methods", "PUT,POST,GET,DELETE,OPTIONS");
 res.header("Access-Control-Allow-Headers", "X-Requested-With");    
 res.header("Access-Control-Allow-Credentials", "true");
 res.header('Access-Control-Allow-Headers', ['mytoken','Content-Type']);    
 next();
})

依然没有解决此问题，通过思考，确定我是只有通过服务上传的图片，也就是静态文件存在跨域问题，于是采用cors跨域插件进行的解决。
在命令行中输入npm i cors -s
在nodejs服务中添加下面代码：

let cors = require("cors");
app.use(cors());

以上就是解决Threejs跨域的相对方案。

0 条评论

暂无评论，快来发表评论吧

请登录后再发布评论，点击登录

关于作者

Jsonco

奔驰的蜗牛

文章

回答

被采纳

关注TA

发私信

shader通常的错误提示以及解决方法

想整理一些常用的图形学英语单词（争取每周一更新）

shader绘制二维爱心

几何学——坐标系概括

几何学——矩阵的几何运算

图形学中Phong高光反射公式数学推演

关于R3F中部分功能移植到Tres的cientos中

threejs加载在线纹理跨域问题

环境

引言

解决方案

关于作者

Jsonco

相关文章

热门问题

热门标签

推荐达人

threejs加载在线纹理跨域问题

环境

引言

解决方案

关于作者

Jsonco

相关文章

热门文章

热门问题

热门标签

等待解答

推荐达人