当前位置: 代码迷 >> 综合 >> vue cli3的文件结构没有了static文件 静态资源放置和引用
  详细解决方案

vue cli3的文件结构没有了static文件 静态资源放置和引用

热度:6   发布时间:2024-02-10 22:46:01.0

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不写静态资源文件夹名字!!!)

希望对你们有帮助

 

  相关解决方案