无法在新选项卡上获取 pdf 文件答案

【问题标题】：cannnot GET pdf file on new tab无法在新选项卡上获取 pdf 文件
【发布时间】：2018-04-16 04:42:02
【问题描述】：

我正在开发一个 Vue.js 项目，当我点击某个链接时，我想在新选项卡上显示一个 PDF 文件。

我有这个目录，我想打开 sample.pdf（我正在处理 signUp.vue）：

我在 HTML 部分中有这段代码，我可以使用该链接打开所述文件。

<a v-on:click="showTaC">Terms and Conditions</a>

这是showTaC 函数：

showTaC: function(){
  var pdf = '../assets/sample.pdf';
  window.open(pdf);
}

当我单击该链接时，它会打开一个新选项卡，但它是一个空白页面并显示 Cannot GET /assets/sample.pdf

我哪里做错了？我很确定我的 url 目录是正确的。也许我需要为此开辟一条新路线？页数重要吗？

我该如何进行这项工作？

【问题讨论】：

【解决方案1】：

已修复！

感谢@ShishirArora 给了我通过浏览器打开文件的想法。因此，当我打开 pdf 时，我通过检查地址栏上的 url 找出了我需要存储的 url。

我将网址替换为：

var pdf = '/src/assets/sample.pdf'

【讨论】：