vue-pdf | vuejs pdf viewer | Document Editor library

I have PDF files under public directory. and i can access them by visiting the link on the browser, and it works fine.

However when i try to embed the PDF doc in FranckFreiburger/vue-pdf i get:

CORS header ‘Access-Control-Allow-Origin’ missing

here is my cors.php:

I'm working with vue.js, and I want to display a pdf on a website. I keep seeing a lot of complicated examples of pdf viewers that require an upload button and a conditional display - this is NOT what I need.

I just need to display a hardcoded pdf document within a div on my web page.

This is what I have so far using iframe

I need the width of the actual pdf page to fill up 100% of the width (for legibility). I don't want the grey background to show. The page should also be mobile friendly.

Open to suggestions that include not using iframe, especially if it would make the page more mobile friendly. If you're going to bring up vue-pdf or PDF.js, please include some clear instructions on how to use them.

PS: I am using some parameters to remove the toolbar and navpanes like so:

src=".pdf#toolbar=0&navpanes=0&scrollbar=1"

I've tried adding &zoom=100 or &view=Fit and that does not fix my problem.

Here is a list of all the parameters.

I have an api which returns a pdf file. I'm trying to display this in vue.js and found the vue-pdf component which looks like it should do the job. Here's the project on github

I'm able to call the API and get the binary response but I've not been able to convert the binary data into something which the vue-pdf library can display.

The documentation for the :src prop is here

My vue code is below with a few of the failed attempts commented out.

I tried to reinstall one of my old vue projects on my new computer (on Windows 10) with npm but I came across this error :

I am using:

• Vue.js, vue-route, Vuetify, Firebase (database here) and vue-pdf

I am trying to load all pdf pages using "vue-pdf" but I get this error when I try to read the pdf.

Uncaught TypeError: Cannot read property 'novel' of undefined

I have an object named novel which is set to null initially. When I get the data from Firebase, it gets assigned to this novel object. I followed the tutorial here to load multiple pdf pages. However, in the tutorial a direct URL is used, but in my case I trying to access a specific value inside my object which is "this.novel.nove_url". I'm not sure what I got wrong here, my code is below. Any help is much appreciated.

I am using:

• vue.js 2
• vue-route
• vuetify
• firebase
• vue-pdf

My project involves reading pdf (novels) from firebase. my pdf files are stored in a bucket and assigned to a novel_url string in firebase. My main problem is CORS whenever I try to read any pdf file in my database I get this error:

I'm facing an issue when I build my nuxt app. When I run 'npm run build', it says: WARNING in The comment file "LICENSES" conflicts with an existing asset, this may lead to code corruption, please use a different name.

Here's my package.json file:

I have a VueJS application which contains some Materializecss modals, all wrapped within single page components. Due to the nature of the application I have to assign dynamic unique IDs to each modal. Below is a snippet: