在vue项目中,如何读取自定义的.txt文件?

1.不管你是本地.txt文件还是线上.txt文件,打开是文件时文档内容:
提示:若是想要读出文件中的html代码,则需要格式是utf-8d的,若不是utf-8d的格式,解析后会出现乱码情况
在vue项目中,如何读取自定义的.txt文件?_第1张图片
在vue项目中,如何读取自定义的.txt文件?_第2张图片
第二步:可以通过以下函数获取其中内容:

    OpenPup(val){
     let xhr = new XMLHttpRequest()
    //  let okStatus = document.location.protocol === "file:" ? 0 : 200;
    // xhr.open("GET", val.url, false); // 线上链接地址
     xhr.open("GET", "text.txt", false); // public文件夹下的绝对路径
     xhr.overrideMimeType("text/html;charset=utf-8")
     xhr.send(null)
     console.log(xhr.responseText)  // xhr.responseText为文本中的内容
     this.agreementContent = xhr.responseText
     this.agreementShow = true
    },

第三步: 在你需要的地方调用函数,输入如下内容以及展示
在vue项目中,如何读取自定义的.txt文件?_第3张图片

你可能感兴趣的:(js,vue,javascript,前端)