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

Question

我有Vuejs应用程序需要从根目录中的YAML文件读取数据，所以我谷歌它，然后在Github上找到一些有用的软件包这个链接我知道它们只是为Nodejs作为后端创建的，但他们有一种方法可以在他们的文档中使用浏览器我遵循它，但它没有在根目录中加载我的YAML文件，它只是打印YAML的文件名。../../example.yaml例子.亚姆greeting: helloname: 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需要 YAML 字符串，而不是路径或 URL。如果你使用的是 webpack，则可以使用原始加载程序将文件作为字符串导入到你的应用中。