vue项目build之后有的图片加载路径不对

如果(.vue)文件放在components目录下时,没有放在components的子目录下,该文件里面引用图片的路径在build之后会出错,如下图红框框里面的存放位置:

解决办法有两个:

1、给components增加子目录,将该文件放在子目录中;

2、修改配置文件:在下图中的两个文件中 增加红框框里面的内容


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1 Webpack 1.1 概念简介 1.1.1 WebPack是什么 1、一个打包工具 2、一个模块加载工具 3...
    Kevin_Junbaozi阅读 11,769评论 0 16
  • 目录 一、项目结构的核心思想 二、项目目录结构 三、资源路径编译规则 四、index.html 五、build目录...
    科研者阅读 13,911评论 0 40
  • 春风得意莫轻狂,丹青妙处画中藏 。 只许蜂来采花蕊,不让浪蝶吻鹅黄 。
    乐乎斋收藏会馆阅读 832评论 5 9
  • 也许是年龄的关系,最近时常喜欢回忆,回忆儿时住过的地方,那里的一草一木,一山一石,一人一物,四十多年了,仿佛就在昨...
    厚土高天阅读 4,442评论 6 12
  • 人的一生,不知道会遭遇多少次擦肩而过。就在昨天,上午10点,许久不联系的闺蜜发来微信:“我在北京,你来找我啊,咱们...
    田小等阅读 2,795评论 0 1