我正在使用谷歌的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中显示它，对吧？。
任何帮助都将不胜感激。
@/assets/models/Astronaut.glb(如果您在src文件夹中(
但对于静态资产，最好像public/models/Astronaut.glb一样将其放在public文件夹中，然后在组件中仅称其为/models/Astronaut.glb