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

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

cli2.x---

    文件放置(static文件夹)

    引用路径(预览pdf)

cli3.x---

    文件放置(public文件夹)

    引用路径(预览pdf)

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

希望对你们有帮助

 

你可能感兴趣的:(vue.js)