如何使用带有framwork vuejs的javascript读取yaml文件

我有一个Vuejs应用程序需要从根目录中的YAML文件读取数据，所以我用谷歌搜索它，然后在Github上找到一些有用的包，我知道它们只是为Nodejs创建的，作为后端，但是他们在他们的文档中有一种使用浏览器的方法，我遵循它，但它没有将我的YAML文件加载到根目录中，只是打印YAML

。/../example.YAML

例如：yaml

问候语：你好 名称：世界 page.vue

<template>
  <div class="about">
    <button class="btn btn-success" @click="doIt">create</button>
  </div>
</template>

创造

const jsyaml=require（'js-yaml'）；
导出默认值{
方法：{
doIt（）{
var doc=jsyaml.load（'../../example.yaml'）；
log（“您的内容yaml文件是：”，doc）；
}
}
}

---

那么我的问题是如何解决它呢？

jsyaml.load

需要一个YAML字符串，而不是路径或URL。如果您使用的是webpack，您可以使用将文件作为字符串导入应用程序。

非常感谢，我是vuejs的初学者，因此我注意到webpack软件包上有一个可以完成我任务的文件，非常感谢！