服务器a静态pdf-Vue CLI-Webpack-issue

由于VueCLI（+Vuetify），我构建了一个小前台

我想呈现一个按钮，其中

onClick

打开一个新选项卡，其中pdf位于项目的文件夹树中

我有一个错误，在几个小时后寻找原因，它似乎是一个网页配置修改

我终于在S/O上读到了这个答案

但是我得到一个错误，说

include:path->path未定义

---

我必须承认，我不知道webpack在幕后是如何工作的，因此可以找到任何帮助。

您可能不需要webpack来完成此操作：您可以将其放在静态文件夹中并链接到它

。如果要转到Webpack路径，请将其放在src/assets目录中，导入并添加到数据对象：

import pdf from '../assets/mypdf.pdf'

//...
data: () => ({ pdf })
//...

然后使用组件中的链接：

<a :href="pdf">pdf</a>

---

如果愿意，您可以更改

[name].[hash:7].[ext]

，比如您想在资产中添加

pdfs

目录，而不是使用您将使用的基本资产目录：

pdfs/[name].[hash:7].[ext]

，谢谢@Ian Walter。我的工作是查看/下载资产文件夹中现有的pdf文件。我不需要包含路径。从“../assets/mypdf.pdf”数据导入pdf:（）=>（{pdf}）

  {
    test: /\.(pdf)(\?.*)?$/,
    loader: 'url-loader',
    options: {
      name: utils.assetsPath('[name].[hash:7].[ext]')
    }
  }