nuxt.js - aFrame a-assets 找不到本地文件

Question

我正在将 nuxt 与 aframe 一起使用...如果我尝试从 a-assets-item 中的本地文件获取 Assets ，它会说它可以找到它们。当我通过 https 加载它时，它工作正常。像 a-assets 标签中的 img 这样的普通 Assets 可以 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>

Answer 1

见 A-Frame FAQ :

if you are doing local development, make sure you are using a local server so that asset requests work properly.

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