开始我在项目中通过一级一级打开目录添加图片到模板文件中,因为该模块有三层目录:/app/admin/ad-version,这样添加完图片的相对路径是这样的:

这个路径在本机运行后打开浏览器显示正常:http://localhost:4200/admin/versionweb

但是果布署到公网后打开这个页面缺不显示图片http://xx.com/legalweb/admin/versionweb

于是在页面试着修改路径,发现下面两种路径可显示出图片


第一种是绝对路径,用这种的话存在将来项目名称可能会被开发者修改的风险,这样编译后的路径就并不确定,不建议用这种。
第二种是相对路径,‘assets/images/google.gif’ 这样无论在本机运行还是布署到公网都显示正常了,建议大家用这种。

OK,发个短文希望能帮助到初学路上的小伙伴们!:)

解决assets目录下的图片在布署到公网后不显示问题相关推荐

  1. Android复制assets目录下的图片到内存

    转自:http://www.chenwg.com/android/android%E5%A4%8D%E5%88%B6assets%E7%9B%AE%E5%BD%95%E4%B8%8B%E7%9A%84 ...

  2. qt程序在Linux下字体乱了,解决linux/Ubuntu下Qt creater 界面程序在编译运行后无法显示中文或中文乱码问题!...

    本文解决的主要是界面程序编译运行后无法显示中文的问题,如果在creater 中无法输入中文,下载个IBus或者搜狗之类的中文输入法即可解决! 首先说乱码问题,这个很好解决: 如果是在linux下打开W ...

  3. vue3vite工程里面引入assets目录下的图片文件(一种方法)

    <template><div><p>轮播图</p><van-swipe class="my-swipe" :autoplay= ...

  4. Android之解决PC浏览器访问手机服务端取assets目录下的文件页面显示不出来问题

    1 问题 我在手机里面写了Java socket服务,然后把前端的图片和css和js的文件放到了安卓项目的 assets目录,然后浏览器访问服务,我会把 assets目录下的文件读出来,然后用Data ...

  5. Android开发之assets目录下资源使用总结

    预前知识: Android资源文件分类: Android资源文件大致可以分为两种: 第一种是res目录下存放的可编译的资源文件: 这种资源文件系统会在R.Java里面自动生成该资源文件的ID,所以访问 ...

  6. nuxt引用static或者assets目录下资源注意事项

    Nuxt 服务器启动后,会将static文件目录映射到根路径/下. 所以想引用static目录下图片,直接写法如下 <img src="/log.png"/> 引用as ...

  7. android读取mysql数据库文件_Android开发系列(十七):读取assets目录下的数据库文件...

    在做Android应用的时候,不可避免要用到数据库.但是当我们把应用的apk部署到真机上的时候,已经创建好的数据库及其里边的数据是不能随着apk一起安装到真机上的. (PS:这篇博客解决了我前面博客中 ...

  8. Android读取assets目录下文件数据内容

    Android读取assets目录下文件数据内容 Android的体系架构设计中,assets目录下的数据内容(图片.文件等等)将不会被Android系统压缩.二次处理等,assets目录下的文件 ...

  9. 安卓读取mysql数据库文件路径_Android开发实现读取assets目录下db文件的方法示例...

    本文实例讲述了Android开发实现读取assets目录下db文件的方法.分享给大家供大家参考,具体如下: 最近准备打算写一个关于天气预报的app,偶然的机会在一大神的博客上看到了一个获取天气的api ...

  10. Android复制Assets目录下的文件到/data/data目录

    目的 l  在项目开发时,尤其是游戏开发,有时候需要把特定的文件放在data/data目录下,比如sqlite数据库中,我们会事先创建数据库并在里面加入需要的数据,比如游戏的关卡数据.而android ...

最新文章

  1. 数据集获取加速神器来了!
  2. Python + Selenium 练习篇 - 获取页面所有邮箱
  3. 连接MySQL的10060错误:Can't connect to MySQL server on '*.*.*.*'(10060)
  4. k8s的网络优化(metallb)
  5. 黑马程序员-------------(十)Java基础知识加强(一)
  6. 开源GIS系统关系图
  7. flask框架(四):通过局域网访问网站
  8. 设计模式系列--Observer
  9. C# 添加PDF注释(5种类型)
  10. 2.4 使用ARDUINO控制MC20进行GPS数据的获取和解析
  11. capslock键英语怎么读_capslock是什么意思
  12. 海尔android 电视直播软件,海尔智能电视如何安装直播软件看直播
  13. 解决 Navigating to current location (/userslist) is not allowed问题。
  14. 网站易用性测试的软件,如何进行“网站易用性测试”
  15. import scipy.io as sio报错:ImportError: /usr/lib/x86_64-linux-gnu/libstdc++.so.6: version `GLIBCXX_3.4
  16. 基于JAVA跨境电商网站计算机毕业设计源码+数据库+lw文档+系统+部署
  17. k8s clientset 出现 Throttling request took 限流的解决方法
  18. 规则网络上的演化博弈
  19. UIUC罗宇男:交叉学科中的人工智能和科学发现
  20. 【迅为iMX6Q】开发板 u-boot 2020.04 SD卡 启动

热门文章

  1. 推荐一些北京的景点(1简单版)
  2. 【转】 NET 下的简繁互换
  3. 北京三大春天赏花圣地
  4. 游戏策划笔记:记忆点的构造
  5. R语言中交集,并集,补集,差集的方法:向量和数据框
  6. 数据库系统的结构和组成
  7. 电磁场有限元基本原理(1)边界条件
  8. 每周学一点Egret(17)default.thm.json 文件编译小坑
  9. 打开u盘显示参数错误
  10. HTML的文本格式标记