zoukankan      html  css  js  c++  java
  • vue-cli 搭建项目中,img引用资源404

    vue-cli 3.0搭建项目,create 以后,在某个页面,引用图片资源,资源路径没问题,run serve 调试,图片就是显示不出来,

    前台页面打开,F12查看

    发现serve时浏览器解析这段路径为主域名加地址了

    查阅资料发现,vue-cli3中内置的webpack会把图片当做一个模块引用,然后打包等等,路径就不对了,我们的静态资源是不需要打包等等的,vue-cli3 中解决这个问题的方法是:
    1.将引用的本地图片资源放在static/中文件需要以绝对路径的形式引用:/static[filename]----------webpack打包时,该目录会会忽略不做处理

    2.引入项目的根路径前缀 baseUrl,强制写全url路径

    3.对于改静态路径资源,在使用前,使用require加载完全(这个不要动脑子,博主用的就是这个,哈哈哈。。。)

  • 相关阅读:
    Markdown常用写法
    Vue.js学习篇
    ClassLoader
    Java内存篇
    Spring-AOP学习篇
    M3U8Downloader
    IngCrawler
    ulimit开启coredump时核心转储
    Linux下的bc计算器
    Maven相关介绍
  • 原文地址:https://www.cnblogs.com/yogic/p/11042287.html
Copyright © 2011-2022 走看看