问答

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

作者:admin 2021-05-13 我要评论

报错 路径打印出来和点进去 报错点进去 插件用了vue-pdf,项目用了proxy转地址,走地址时跑到了后台路径。 我现在想实现的是引入本地项目public文件夹下的pdf文...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

报错
image.png

路径打印出来和点进去
image.png
image.png

报错点进去
image.png

插件用了vue-pdf,项目用了proxy转地址,走地址时跑到了后台路径。
我现在想实现的是引入本地项目public文件夹下的pdf文件,不走后台路径。

走地址直接走成这个了
image.png

<pdf
    v-for="i in numPages"
    :key="i"
    :src="src"
    :page="i"
    @page-loaded="pageLoaded($event)"
  ></pdf>
  
 
 
  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;
    // });
  },

image.png

###
/assets/pdf/pdf.pdf

你的这个地址是在 public 下面吗?
我记得这个 assets 都是在 src 下面,打包后路径就变了。

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • vue可以引入本地的pdf文件吗?现在引入

    vue可以引入本地的pdf文件吗?现在引入

  • vue-element-admin 路由切换请求地址会

    vue-element-admin 路由切换请求地址会

  • vue 获取元素高度为什么会有偏差

    vue 获取元素高度为什么会有偏差

  • vue如何实现整点的时候自动请求接口刷

    vue如何实现整点的时候自动请求接口刷

腾讯云代理商
海外云服务器