vue中引入pdf文件,运行时控制台报错: localhost is not defined

安康全是山 2020-08-17 05:54:10
1.vue中引入pdf文件(注:已经安装vue-pdf插件),运行不报错,但页面也不跳转,且控制台报错:
(1)控制台报错如下:
ReferenceError: localhost is not defined at eval (vuePdfNoSss.vue?b608:6)at Object../node_modules/vue-loader/lib/index.js?!./node_modules/vue-pdf/src/vuePdfNoSss.vue?vue&type=script&lang=js& (11.js:110)

如下图


(2)安装的vue-pdf


2.代码如下:
(1)deom用这位大佬的:https://www.cnblogs.com/lodadssd/p/10297989.html

(2)我直接粘的:

<template>
<div class="FillFluidDoc">
<div class="pdf">
<pdf
ref="pdf"
:src="pdfUrl">
</pdf>
</div>
</div>
</template>
<script>
import pdf from 'vue-pdf'
export default {
name: 'Pdf',
components:{
pdf
},
data(){
return {
pdfUrl:"../assets/images/HoleLocation.pdf",
}
}
}
</script>
```

```
...全文
1858 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
vigorya 2023-07-11
  • 打赏
  • 举报
回复

楼主解决了吗

机器人888 2023-08-01
  • 举报
回复
@vigorya 解决了嘛
JiexC0la 2021-02-04
  • 打赏
  • 举报
回复
你把断点打到vuePdfNodesss.vue里的报错这一行,看看localhost是真没赋值的
xiaoxiangxuexiao 2021-02-04
  • 打赏
  • 举报
回复
楼主解决问题没
Logerlink 2021-02-04
  • 打赏
  • 举报
回复
vue-pdf可以直接展示在线pdf(注意跨域问题) 也可以展示本地pdf(要放在public文件夹下,如下图)

87,987

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧