在Gridsome项目Vue.js中使用.GLB / Blender文件

问题描述

我在Gridsome项目中使用Three.js，但是无法使用GLTFLoader导入.glb文件（3D模型）。 Gridsome考虑存储在src/assets中的img（png / jpg）或.js文件，但不考虑glb。

我的文件层次结构：

我的导入功能：

this.loader.load('../assets/models/mars.glb',function(gltf) {
  let scale = 5.6;
});

加载文件时收到404错误。

有什么主意吗？

解决方法

使用the /static directory的Gridsome并重建项目，在构建过程中，此目录中的所有文件都将直接复制到dist中。

将导入功能更改为：

this.loader.load('./nameOfYourModel.glb',function(gltf) {
  // Your code here 
});