首先,本地的txt/json文件的位置一定要放在public文件夹下: 不然读取不到

在utils文件夹下创建一个方法:

const loadFile = function (name) {
  // name为文件所在位置
  let xhr = new XMLHttpRequest()
  const okStatus = document.location.protocol === 'file:' ? 0 : 200
  xhr.open('GET', name, false)
  xhr.overrideMimeType('text/html;charset=utf-8') //默认为utf-8
  xhr.send(null)
  return xhr.status === okStatus ? xhr.responseText : null
}

export default loadFile

 位置:或者放在vue的methods下也可以

 然后在vue中引入:

注意文件路径:是./开头的

 

Logo

前往低代码交流专区

更多推荐