Как импортировать файл, находящийся в том же приложении, что и blob, используя XMLHttpRequest в ReactJS

Question

Я пытаюсь импортировать файл в свое приложение ReactJS с помощью XMLHttpRequest.Файл находится в том же приложении, однако ответ всегда не определен.Тип ответа на запрос «blob».Это соответствующий код:

var proxyUrl = 'https://cors-anywhere.herokuapp.com/',
targetUrl = require('./test.xlsx');
var oReq = new XMLHttpRequest();    
oReq.open('get',proxyUrl + targetUrl, true);
oReq.responseType = 'blob';
oReq.onload = function () {
    var blob = oReq.response;       
};
oReq.send();

ProxyUrl должен избежать ошибки CORS, поскольку это ajax-запрос.Любая помощь будет оценена.

Answer 1

Нашли решение - нужно импортировать файл и использовать его в XMLHttpRequest

import file from './test.xlsx';

componentDidMount() {
    var oReq = new XMLHttpRequest();    
    oReq.open('get', file , true);
    oReq.responseType = 'blob';
    oReq.onload = function () {
        var blob = oReq.response;       
    };
    oReq.send();
}