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

问题:

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

写法:

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

封装好的方法:

cpp 复制代码
// 加载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模型了

相关推荐
JieE21218 小时前
LeetCode 101. 对称二叉树|JS 递归 + 迭代双解法,彻底搞懂镜像判断
javascript·算法
冬奇Lab20 小时前
AI Workflow 定义的四次演进:从 Markdown 到 JS 脚本,再到分布式多 Agent
javascript·人工智能·agent
一颗烂土豆1 天前
Meshopt 压缩深度解析,为什么它比 Draco 更快
前端·javascript·webgl
kyriewen1 天前
同事每天催我 Code Review,我写了个脚本让 AI 替我 review PR——现在他反过来催 AI 了
前端·javascript·ai编程
weedsfly1 天前
迭代器、生成器与异步迭代——让数据“按需流动”的艺术
前端·javascript
假如让我当三天老蒯1 天前
前端跨域解决方案(学习用)
前端·javascript·面试
铁皮饭盒1 天前
Bun 哪比 Node.js 快?
javascript·后端
JieE2122 天前
LeetCode 56. 合并区间|超清晰 JS 图解思路,面试高频区间题
javascript·算法·面试
candyTong2 天前
RTK 技术原理:一次典型会话里,80% 上下文是怎么省下来的
javascript·后端·架构
_柳青杨2 天前
深入理解 JavaScript 事件循环
前端·javascript