vue获取本地pdf_vue可以引入本地的pdf文件吗?现在引入直接报404

在Vue项目中,使用vue-pdf插件尝试从public文件夹下加载本地PDF时遇到404错误,因为请求被代理到后台。目标是直接引用本地PDF,避免通过后台。目前PDF路径为'http://127.0.1.1:8383/assets/pdf/pdf.pdf',但加载任务(src)设置仍导致请求后台。
摘要由CSDN通过智能技术生成

报错

1732349001d1c8a119cfb5bc32f1de0e.png

路径打印出来和点进去

761bc1dc4b70b76fea0861e71cfb67ce.png

8d396fa5632321ad836b2f36a22edb1d.png

报错点进去

05f86159b0cfbddfd5c6cf4b95a8206b.png

插件用了vue-pdf,项目用了proxy转地址,走地址时跑到了后台路径。

我现在想实现的是引入本地项目public文件夹下的pdf文件,不走后台路径。

走地址直接走成这个了

e108852e6f407d37a03c303a614652a0.png

v-for="i in numPages"

:key="i"

:src="src"

:page="i"

@page-loaded="pageLoaded($event)"

>

data() {

return {

visible: false,

currentPage: 0,

pageCount: 0,

src: '',

// src: loadingTask,

numPages: undefined, // 总页数

curPageNum: 0, //当前页

};

},

mounted() {

let that = this,

url = `http://127.0.1.1:8383${path.resolve(__dirname,'../assets/pdf/pdf.pdf')}`;

that.src = pdf.createLoadingTask(url); // url是pdf文件的全路径

console.log(url)

// that.src.promise.then(pdf => {

// that.numPages = pdf.numPages;

// });

},

47e75ef57385c0ddd1a25088f9722a37.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值