vue 读取本地文件内容

1、 读取本地文件函数

    export functionreadLocalFile (fileUrl) {

      console.log('file',fileUrl)

      let xhr = null

      if (window.XMLHttpRequest) {

        xhr = new XMLHttpRequest()

      } else {

        // eslint-disable-next-line

        xhr = new ActiveXObject('Microsoft.XMLHTTP')

      }

      const okStatus = document.location.protocol === 'file' ? 0 : 200

      xhr.open('GET', fileUrl, false)

      xhr.overrideMimeType('text/html;charset=utf-8')

      xhr.send(null)

      return (xhr.status === okStatus ? xhr.responseText : null)

    },

2、需要的地方引入并调用

import {readLocalFile} from '@/utils/readLocalFile'

const data = readLocalFile('/public/urlConfig.json');// 这里的文件是存放在public文件夹下urlConfig.json文件