vue打包成app后,背景图片不显示

问题: 在使用npm run build 打包后, 如果在页面中使用img标签引入,打包后的路径是由index.html开始访问的,真正访问的是Static/img/图片名, 是正确的, 但是写在css 中的background: url("../../assets/***.png") 0 0 no-repeat; 引入的图片,打包的图片却访问不到,因为在css目录下并没有static目录,所以此时要先回退两层到根节点处才可以正常获取图片

解决办法: 打开build/utils.js, 找到generateLoaders方法,

如果里面没有publicPath,添加

publicPath:'../../'

 如果有publicPath修改为

publicPath:'../../'

 

转载于:https://www.cnblogs.com/sllzhj/p/10785257.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/449100.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

解决: Linux – git: command not found

出错原因:服务器没有安装GIT,所以导致出错。 解决方法: 前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到教程。 Centos下使用:yum install git…

19-03-25

关于上拉加载和下拉刷新 minirefresh.github.io/minirefresh… 这是一个插件,应该是默认禁止了e.preventDefault和e.stopPropagation,而且在每次touchend中判断当前滚动条位置,如果到达上部顶部,则再次双禁止,因为插件…

如何设计函数?

函数: 一段具有某项功能的代码,是C语言中管理代码的单位。 把代码封装成一个个函数,可以方便的管理和调用代码。函数分类: 标准库函数:C语言标准为委员会为C语言以函数形式提供的一些基础功能,被封装在lib…

八个被现代科学证实的古老信条

近年来,现代科学证实了很多古代智慧中的教导和信念。几个世纪以来我们都知道这些信念能够帮助我们生活的幸福、健康和平衡。《赫芬顿邮报》将八个被现代科学证实的古老信仰整理如下。 1.帮助他人能让你更健康 近年来,现代科学证实了很多古代智慧中的教…

Hystix熔断解决雪崩问题

1.线程隔离,服务降级(服务的消费方做降级处理) 当服务繁忙时,如果服务出现异常,不是粗暴的直接报错,而是返回一个友好的提示,虽然拒绝了用户的访问,但是会返回一个结果。 这就好比去…

Docker 环境下如何 安装 Zookeeper

前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到教程。 第一步:首先下载Zookeeper的镜像文件: 从仓库中pull 这个zookeeper镜像:docker pull jplock/zookeep…

office教程:教你Excel 怎么样使用信息函数

Excel如何使用信息函数信息函数专门用来返回某些指定单元格或区域的信息,例如获取文件路径、单元格格式信息或操作环境信息等。一,使用CELL函数返回引用单元格信息工作表中的每一个单元格都有对应的单元格格式、位置和内容等信息,在Excel中可…

【C基础】指针/指针运算/二级指针/函数指针

指针定义: 指针是一种数据类型,使用它可以用来定义指针变量,指针变量中存储的其实是整数,这种整数代表了内存的编号。指针的使用: 1、函数之间相独立,但有些时候需要共享变量。传参是值传递全局变量容易命…

中医养生 选对方法就成功一半

在医院门诊室,因为肠胃不适前来看病的林先生。问及他平时的养生之道,他笑谈,现在也正困惑着呢。 原来,最近他有两个朋友,在单位体检时分别被查出患有肾结石和胆囊炎,他本人最近也犯胃病。 最令人奇怪的一…

二叉查找树,红黑树

漫画算法:什么是红黑树?(适合初学红黑树小白简单易懂) 2018年09月14日 09:55:54 苏杭-Java工程师 阅读数:494———————————— 二叉查找树(BST)具备什么特性呢? 1.左子树上所…

如何在 CentOS 7上安装和使用 Docker Compose

前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到教程。 介绍 Docker是一个很好的工具,但要真正充分利用它的潜力,最好是应用程序的每个组件都在它自己的容器中运行。对于…

WebSSH2安装过程可实现WEB可视化管理SSH工具

目录 Chrome web Secure Shell Extension gotty GateOne noVNCvncserver XtermjsSSH2nodejs nodejstty.js CheungSSH TriAquae https://github.com/Scirh/Python/tree/master/django https://www.smarthomebeginner.com/install-shellinabox-on-ubuntu/#64-bit https://gist.gi…

原码反码补码位运算,

进制转换: 十进制转二进制: 求余法:用2对数据求余,然后再对商继续求余,直到商为0结束,过程中产生的余数就是该数据的二进制(逆序)。 求权法:数据 - 2^(n-1) 如果可以减 第n位就是1,否…

一个人幸运的前提,是他有能力改变自己

很多时候,我们羡慕那些幸运的人,却看不到他们为此做出的努力和改变。 其实,一个人的幸运并不是偶然的,美国成功哲学家金洛恩说过这么一句话:“成功不是追求得来的,而是被改变后的自己主动吸引来的。” …

剑指Offer-正则表达式匹配(Python)

1 题干内容 请实现一个函数用来匹配包括.和*的正则表达式。模式中的字符.表示任意一个字符,而*表示它前面的字符可以出现任意次(包含0次)。 在本题中,匹配是指字符串的所有字符匹配整个模式。 例如,字符串aaa与模式a.a…

Docker 制作镜像的方式

其它制作镜像的方式 前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到教程。 除了标准的使用 Dockerfile 生成镜像的方法外,由于各种特殊需求和历史原因,还提供了一些其它…

【算法】快排

快速排序 其利用的思想就是分治思想,最开始先从数组中随机选择一个元素p(为什么随机下面解释),然后以这个元素对数组中的元素进行分类,数组左侧都是小于p的元素, 右侧都是大于等于p的元素。这样就让数组分成…

【C基础】堆内存创建/释放和内存清理函数/内存泄漏

本期涉及到了较多的指针,没有彻底领悟的同学请翻阅之前的博文~ 一闪一闪亮晶晶,满天都是小星星*** 什么是堆内存: 是进程的一个内存段(text、data、bss、heap、stack)之一,由程序员手动管理, 特点就是足够大&#x…

19_05_01校内训练[polygon]

题意 把一个边长为1的正n边形放到一个正m边形中,要求m边形完全覆盖n边形,可以有交点,并且中心重合。求正m边形的最小边长,至少精确到6位。要求logn计算。 思考 先考虑m|n的情况。 我们知道,正m边形的边长与可行区域&am…

六度人脉 全球最高效的人脉法则(图)

六度人脉这一概念,在20世纪60年代由美国心理学家Stanley Milgram提出并验证。 所谓六度人脉,即地球上所有的人都可以通过六层以内的熟人关系链和其他人联系起来。 通俗地说:“最多通过六个人你就可以认识地球上任何一个陌生人。” SNS(社会…