0

我将 Google 的ModelViewer用于 WebAR 项目。

我有一个 vue.js 项目，并且我有一个组件正在加载具有<model-viewer>属性的模型。我正在尝试将src模型查看器的属性设置为项目文件夹中.glb模型的绝对路径。（注意：我必须使用绝对路径，否则不会加载也不会显示任何错误）。

这是 vue 组件中的 html 代码： 

<model-viewer
  src="*path-to-project*/src/assets/models/Astronaut.glb"
  alt="A 3D model of an astronaut"
  ar
  ar-modes="webxr scene-viewer quick-look"
  ar-placement="floor"
  environment-image="neutral"
  auto-rotate
  camera-controls
></model-viewer>

模型未加载到网页中，控制台显示以下错误：

不允许加载本地资源：file:///path-to-project/src/assets/models/Astronaut.glb

从官方网站示例中提供的 URL 加载工作正常。我确定可以加载本地文件并将其显示在 ModelViewer 中，对吧？

任何帮助将不胜感激。

4

1 回答 1

1

@/assets/models/Astronaut.glb如果你有它在src文件夹中

但是对于静态资产，最好把它放在像这样的public文件夹public/models/Astronaut.glb中，然后在你的组件中调用它/models/Astronaut.glb

于 2021-06-16T18:39:32.317 回答