如何使用带有框架的jramwork vuejs读取yaml文件

Question

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

例子.亚姆

greeting: hello

name: world

页面.vue

<template>

  <div class="about">

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

  </div>

</template>

<script>

const jsyaml = require('js-yaml');

export default {

  methods:{

    doIt(){

      var doc = jsyaml.load('../../example.yaml');

      console.log("your content yaml file is : ", doc);    

    }

  }

}

</script>

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

Answer 1

jsyaml.load需要&nbsp;YAML 字符串，而不是路径或 URL。如果你使用的是 webpack，则可以使用原始加载程序将文件作为字符串导入到你的应用中。