vue项目中下载静态资源里的pdf文件

1.把文件放在项目目录src/assets文件下

2.在项目是用a标签下载

html 复制代码
        <a
          :href="require('@/assets/download.pdf')"
          download="使用说明.pdf"
          target="_blank"
        >
          <img src="@/assets/banner.png" class="bannerimg"
        /></a>

以上项目运行会报错

Failed to compile.

./src/assets/download.pdf 1:0 Module parse failed: Unexpected token (1:0) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders (Source code omitted for this binary file)

3.需要在vue.config.js中配置!!!

具体配置代码:

javascript 复制代码
 configureWebpack: {
    name: name,
    resolve: {
      alias: {
        '@': resolve('src')
      }
    },
    module: {
      rules: [{
        test: /\.pdf$/,
        use: [{
          loader: 'url-loader',
          options: {
            name: 'files/[name].[ext]'
          }
        }]
      }]
    }
  },
相关推荐
阿幸软件杂货间4 天前
Office转PDF转换器v1.0.py
开发语言·pdf·c#
reembarkation4 天前
使用pdfjs-dist 预览pdf,并添加文本层的实现
前端·javascript·pdf
reembarkation4 天前
vue-pdf 实现blob数据的预览
javascript·vue.js·pdf
Light604 天前
领码方案|Linux 下 PLT → PDF 转换服务超级完整版:异步、权限、进度(一气呵成)
linux·spring boot·pdf·gpcl6/ghostpcl·s3/oss·权限与审计·异步与进度
伟贤AI之路4 天前
【分享】中小学教材课本 PDF 资源获取指南
人工智能·pdf
东风西巷4 天前
PDFgear:免费全能的PDF处理工具
前端·pdf·软件需求
Sunny_yiyi5 天前
Java根据模版导出PDF文件
java·开发语言·pdf
小*-^-*九6 天前
php 使用html 生成pdf word wkhtmltopdf 系列2
pdf·html·php
千册6 天前
pyside6 的pdf显示测试 -- 01
开发语言·python·pdf
qq_172805596 天前
Go 语言 PDF 生成库综合比较与实践指南
开发语言·golang·pdf