aFrame a-assets 找不到本地文件答案

【问题标题】：aFrame a-assets not finding local filesaFrame a-assets 找不到本地文件
【发布时间】：2020-07-20 11:33:43
【问题描述】：

我正在使用带有 aframe 的 nuxt...如果我尝试从 a-assets-item 中的本地文件中获取资产，它会说它可以找到它们。当我通过 https 加载它时，它工作正常。 a-assets 标签中的 img 等普通资产 100% 可以在本地获取文件。

<template>
  <a-scene>
    <a-assets>
      <img id="sky" src="~/assets/images/textures/sky.jpg" />

      <a-asset-item
        id="cityModel"
        src="https://cdn.aframe.io/test-models/models/glTF-2.0/virtualcity/VC.gltf"
      ></a-asset-item>
      <!-- <a-asset-item id="cityModel" src="../assets/d/castle_village_scene/out.glb"></a-asset-item> -->
      <!-- <a-asset-item id="catapult-o" src="../assets/d/catapult-obj/catapult.obj"></a-asset-item> -->
      <!-- <a-asset-item id="catapult-m" src="../assets/d/catapult-obj/catapult.mtl"></a-asset-item> -->
    </a-assets>

    <a-sky src="#sky" rotation="0 64 0"> </a-sky>

    <a-entity position="-3 0 50">
      <a-camera></a-camera>
    </a-entity>
    <a-gltf-model src="#cityModel"></a-gltf-model>
    <!-- <a-entity gltf-model="#cityModel" modify-materials></a-entity> -->
  </a-scene>
</template>

【问题讨论】：

标签： nuxt.js aframe

【解决方案1】：

见A-Frame FAQ:

如果您正在进行本地开发，请确保您使用的是本地服务器，以便资产请求正常工作。

网页无权访问本地文件系统

【讨论】：

谢谢，我正在运行本地服务器，看到我使用默认运行本地服务器的nuxt
在网络面板上查找 404 错误。带有波浪号 ~ 的 URL 可能不是您想要的目录。

【解决方案2】：

@DiegoMarcos 我遇到了同样的问题。

<a-entity gltf-model="assets/models/boy0.gltf">

工作得很好，而

<a-assets>
<a-asset-item id="boy0" src="assets/models/boy0.gltf"></a-asset-item>
</a-assets> 
<a-entity gltf-model="#boy0">

产生browser.js:111 core:propertyTypes:warn "#boy0" asset not found.，而“网络”选项卡显示文件响应正常，并且在浏览器中访问它可以使文件下载正确。

【讨论】：