为什么我无法在 Vue.js 的新选项卡中打开任何文件

Why I cannot open any file in a new tab in Vue.js

我是 Vue.js 的新手,我尝试使用 Vue 制作一个网站。我想在新选项卡中打开一些文件,但是当我尝试打开新文件时,它给了我这个 link http://localhost:8080/assets/cv.pdf 并重定向到主页。请帮助我。

enter image description here

enter image description here

enter image description here

enter image description here

enter image description here

您应该像这样打开文件:

window.open('file:///...fileFullPath');

public 文件夹

在public文件夹中,创建任意目录并将pdf放在那里并引用此路径

http://localhost:8080/任意目录/cv.pdf

Any static assets placed in the public folder will simply be copied and not go through webpack. You need to reference them using absolute paths.

如果您想在新标签页中打开文件,您应该这样做:

1.移动你的文件

您必须将 cv.pdf 移动到项目中的 public 文件夹。

2。调用文件

openPdf() {
      window.open('/cv.pdf', '_blank').focus();
    }

您可以根据需要在 public 中创建文件夹,并且应在 ('/cv.pdf', '_blank') 中引用该文件夹。在这种情况下,/ 指的是 public