vue 预览本地pdf等文件

新窗口预览pdf文件等，直接使用a标签即可（word文档直接下载），项目中遇到的问题是，预览放在项目中的本地pdf，无论如何都显示不出pdf的内容。后来发现，要预览的文件要放在public下，使用绝对路径加载就可以了。...

iorn_mangg

5420人浏览 · 2020-09-01 19:28:01

iorn_mangg · 2020-09-01 19:28:01 发布

新窗口预览pdf文件等，直接使用a标签即可（word文档直接下载），

项目中遇到的问题是，预览放在项目中的本地pdf，无论如何都显示不出pdf的内容。后来发现，要预览的文件要放在根目录的public下，

使用绝对路径加载就可以了。

<a target="_blank" href="/pdf/xxx.pdf">相关论文</a>

以上是开发环境使用

打包的话要把路径改成/dist/pdf.xxx.pdf

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^