Skip to content

866287: Added CORS issue in a separate section with more details #3812

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
lingeshwaran-sf4984 wants to merge 1 commit into
base: hotfix/hotfix-v34.1.29
Choose a base branch
from
Open

866287: Added CORS issue in a separate section with more details #3812

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 7 additions & 1 deletion Document-Processing/PDF/PDF-Viewer/flutter/open-a-document-from-url.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,13 @@ To load a PDF from network using [SfPdfViewer.network](https://pub.dev/documenta
<true/>
```

N> Due to CORS security restrictions in a web application, some PDFs obtained from URLs might not be loaded on the `SfPdfViewer` web platform. Kindly refer to the Flutter [forum](https://github.com/flutter/flutter/issues/51125) for more information on this issue.
N> Due to CORS security restrictions in a web application, some PDFs obtained from URLs might not be loaded on the `SfPdfViewer` web platform. Kindly refer to the Flutter [forum](https://github.com/flutter/flutter/issues/51125) for more information on this issue. See the [Resolve CORS issue](#resolve-cors-issue) section below for details on how the issue occurs and how to resolve it.

## Resolve CORS issue

When loading a PDF from a URL in the `SfPdfViewer` web platform, the browser enforces the Cross-Origin Resource Sharing (CORS) policy. The PDF is fetched using an `XMLHttpRequest`, and the browser blocks the response if the server hosting the PDF does not include the appropriate CORS headers (such as `Access-Control-Allow-Origin`) in its response. As a result, the PDF fails to load and you may see a CORS error in the browser console such as **"Access to XMLHttpRequest at 'PDF_URL' from origin 'APP_ORIGIN' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource."**

This typically happens when the PDF is hosted on a third-party server, a CDN that does not allow cross-origin access, or a local server without CORS configured.

This issue can be resolved by configuring the CORS settings on the requested server or by disabling the security settings in **chrome.dart** as mentioned in the steps below:

Expand Down