title: VueJS PDF web view
body: <p>Hi I am trying to add a <strong>pdf</strong> web view to my vue js vuetify project.
  I choose vue-pdf <a href="https://github.com/FranckFreiburger/vue-pdf" rel="nofollow noreferrer">https://github.com/FranckFreiburger/vue-pdf</a> for that.</p>
  
  <p>My pdf src is directly come as a URL and code is like this.</p>
  
  <pre><code>&lt;template&gt;
    &lt;pdf src="https://lovezwl.vip/pdf.pdf"&gt;&lt;/pdf&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import pdf from 'vue-pdf'
  
  export default {
    components: {
      pdf
    }
  }
  </code></pre>
  
  <p>Then I got an error</p>
  
  <blockquote>
    <p>Access to fetch at '<a href="https://lovezwl.vip/pdf.pdf" rel="nofollow noreferrer">https://lovezwl.vip/pdf.pdf</a>' from origin
    '<a href="http://localhost:8083" rel="nofollow noreferrer">http://localhost:8083</a>' has been blocked by CORS policy: No
    'Access-Control-Allow-Origin' header is present on the requested
    resource. If an opaque response serves your needs, set the request's
    mode to 'no-cors' to fetch the resource with CORS disabled.</p>
  </blockquote>
  
  <p>As far as I know CORS is something to deal with the server, not in the front end. But this moment I can't do anything in the back-end, I have to
  figure out a way from front-end. Is there any way to over come this error.</p>
  
  <p>Or else do you guys know any other library works well with URLS as pdf sources? </p>