title: cannnot GET pdf file on new tab
body: <p>I'm working on a Vue.js project and I want to display a PDF file on new tab when I click to a certain link.</p>
  
  <p>I have this directory and I want to open <em>sample.pdf</em> (I'm working on <em>signUp.vue</em>):</p>
  
  <p><a href="https://i.stack.imgur.com/hT73I.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hT73I.png" alt="enter image description here"></a></p>
  
  <p>I have this code in the HTML part, the link I can use to open the said file.</p>
  
  <pre><code>&lt;a v-on:click="showTaC"&gt;Terms and Conditions&lt;/a&gt;
  </code></pre>
  
  <p>and here's the <code>showTaC</code> function:</p>
  
  <pre><code>showTaC: function(){
    var pdf = '../assets/sample.pdf';
    window.open(pdf);
  }
  </code></pre>
  
  <p>when I click the link, it opens to a new tab but it's a blank page and says <em>Cannot GET /assets/sample.pdf</em></p>
  
  <p>Where did I went wrong? I'm pretty sure my url directory is correct. Maybe I need to make a new route for this? Does the number of page matters?</p>
  
  <p>How do I make this work?</p>