THREE.JS 3D模型服务器报404问题(VUE fbx文件在本地能显示 服务器上不显示报404)

新手在使用threeJS加载本地和服务器模型时遇到404错误。问题在于IIS部署环境未正确配置MIME类型,特别是针对fbx格式。通过添加MIME类型并重启服务器,解决了模型显示问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

问题:

作为新手,新建立的threeJS模型,本地运行模型是可以显示的 ,但服务器模型却报404

写法:

fbxloader("TR7007Q").then((tree) => {
tree.position.set(-1080, -20, 0);
	this.$refs.draw.scene.add(tree);
});

封装好的方法:

// 加载fbx文件
export function fbxloader(path) {
  return new Promise(resolve => {
    var loader = new FBXLoader()
    loader.load(`three/${path}.fbx`, (fbx) => {
      resolve(fbx)
    })
  })
}

文件是放置在public/three文件夹下的

服务器报错

在这里插入图片描述

解决问题:

百度过后 发现是少了配置
本项目是部署在windows 的IIS里,所以需要配置如下:
在这里插入图片描述

步骤1:找到MIME类型:
在这里插入图片描述
步骤2:双击MIME类型 寻找自己的3D模型类别是否存在,我的是fbx格式的:添加并点击确认
在这里插入图片描述

完成此配置后,记得**重启该项目**服务器上就可以显示3D模型了
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值