Vue加载读取本地txt/json等文件
首先,本地的txt/json文件的位置一定要放在public文件夹下: 不然读取不到。位置:或者放在vue的methods下也可以。注意文件路径:是./开头的。
·
首先,本地的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中引入:
注意文件路径:是./开头的
更多推荐
已为社区贡献26条内容
所有评论(0)