vue cli3的文件结构没有了static文件 静态资源放置和引用(a标签 打开预览本地文件的坑)

cli3不同于cli2有static文件来放置静态资源,但是有public文件 就是来放本地的静态资源的,有个需求是打开预览本地的pdf文件,最简单做法就是a标签target="_blank"新页面打开本地pdf文件 之前cli2就可以直接static/****/***.pdf路径拿到,但是本次使用vue cli3 用a标签打开时却一直打不开(public/****/***.pdf),总会跳转,各种查才发现,不仅位置不同,引用方法也是不同滴。如下:

cli2.x---

    文件放置(static文件夹)

    引用路径(<a href="static/pdf/*******.pdf" target="_blank">预览pdf</a>)

cli3.x---

    文件放置(public文件夹)

    引用路径(<a href="pdf/*******.pdf" target="_blank">预览pdf</a>)

注意:(pdf为其子文件夹,cli2有写静态资源文件夹名字static,cli3.x不写静态资源文件夹名字!!!

希望对你们有帮助

 

  • 4
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值