Я пытаюсь работать с библиотекой react-pdf
, но кажется, что браузер или что-то блокирует файлы URL. Пример кода:
import React, { Component } from "react";
import { Document, Page} from "react-pdf";
export default class TestViewer extends Component {
state = {
numPages: null,
pageNumber: 1
};
onDocumentLoadSuccess = ({ numPages }) => {
this.setState({ numPages });
};
render() {
const { pageNumber, numPages } = this.state;
return (
<div>
<Document
file="http://myurl/example.pdf"
onLoadSuccess={this.onDocumentLoadSuccess}
>
<Page pageNumber={pageNumber} />
</Document>
<p>
Page {pageNumber} of {numPages}
</p>
</div>
);
}
}
Сам URL работает, если я просто скопирую и вставлю его в браузер. После реализации команды npm run-script build
и открытия ее внутри сервера как сборки, она работает отлично. Я прочитал несколько статей, кажется, что я имею дело с механизмом браузера CORS. Но я не уверен, что это решение, и я не выключил его.
На экране появляется сообщение об ошибке: «Не удалось загрузить файл PDF» . В chrome Сетевой раздел нет ответа вообще.
1) Вопрос в том, как решить эту проблему в режиме реагирующей разработки? 2) Можно ли избежать закрытия CORS в браузере?
Заранее спасибо.