Network failure & CORS errors

[saenko359]

Product: PDFTron

Product Version: ‘8.6.1’
Build: Ni8zMC8yMDIyfDM4OGZiODQyMA

Please give a brief summary of your issue:
I am using vue 3 stack + webviewer. Everything is fine on the personal server, but when deploying to hosting, I ran into a problem.

Please describe your issue and provide steps to reproduce it:
Functionality: on domain: domain.com web application for viewing pdf files stored on the server and received via api from api.domain.com. But for some reason, when I try to view pdf through webviewer, I get: Network failure. Help who faced similar.

Please provide a link to a minimal sample where the issue is reproducible:

[system]

Hello, I’m Ron, an automated tech support bot

While you wait for one of our customer support representatives to get back to you, please check out some of these documentation pages:

Guides:

• Web supported file types for Cross-Platform (Core) - Other
• Key Features for Cross-Platform (Core) PDF Library - PDFNet Advanced Feature Add-ons - Direct Microsoft Office Conversion Add-on
• APIs for PDF Viewer on Cross-Platform (Core)
• Downloads - Download WebViewer’s JavaScript library

APIs:

• Enum PDFACompliance.ErrorCode
• Com.pdftron.pdf
• Class OCRModule - ImageToPDF(PDFDoc, String, OCROptions)

Forums:

• Auto focus on the pdf document
• Underline error in Richtext on Safari
• I need to add a picture to the document by coordinates

[Sardor_Isakov]

Would you be able to provide the link to your WebViewr webapp so we can debug it there?

[saenko359]

https://mybook.dniprorada.gov.ua/test/144

[Sardor_Isakov]

It looks like the CORS issue, you need to add CORS support in your file server like described there PDFTron Systems Inc. | Documentation
The from this URL is not accessible https://api.mybook.dniprorada.gov.ua/uploads/5c756ade-c86c-4eef-a61a-ce30ea4305d2Redko_spain_1kl.pdf from WebViewer because there is not “Access-Control-Allow-Origin” header is set in the HTTP calls. And you may need to add headers like these:

Access-Control-Allow-Methods: GET, HEAD
Access-Control-Allow-Origin: *
Access-Control-Expose-Headers:  Accept-Ranges, Content-Length, Content-Range