vuejs在css样式表里设置背景图background:url('path'),报错

最新推荐文章于 2025-03-14 13:15:12 发布

萧&萧

最新推荐文章于 2025-03-14 13:15:12 发布

阅读量2.1w

点赞数 3

文章标签： vue

本文链接：https://blog.youkuaiyun.com/qq_22713201/article/details/80819525

版权

解决办法：

1、在webpack.prod.conf.js文件里output里面添加：publicPath：'./'

2、在utils.js文件里添加 publicPath:'../../'

3、在config/index.js文件里，添加assetsPublicPath:'./'

css样式表文件这样写

这样就可以正常使用了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

萧&萧

关注关注

3
点赞
踩
8

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

歌单详情页面的backgroundUrl属性出现undefined报错，但是图片仍然出现，不影响渲染的效果。

weixin_54687679的博客

09-20

670

但是，主要的是axios语句(我们把它放在created下)执行的时间，它的实际执行时间是在mounted之后。这个问题是我在开发Vue的网易云音乐项目中所遇到的问题，之所以会如此，与我从axios中获取数据的时间和页面的渲染有很大的关联。如果，axios是同步的，当我们填写了错误的api或者api失效，这就会导致整个生命周期受到阻碍从而崩溃，最终页面渲染失败。，既然是异步的，axios会在所有过的宏任务（js异步的机制，就是遇到宏任务时，先执行。这样，我们就可以在数据获取到的时候，再去渲染该页面了。

vue css 引入asstes中的图片无法显示的四种解决方法

11-21

在Vue CLI 2.x的项目中，我们经常会遇到在CSS样式中引用assets目录下的图片，在本地开发时一切正常，但部署到线上环境时图片无法显示的问题。这主要是因为`config/index.js`文件中`build`对象的`assetsPublicPath`值...

2 条评论您还未登录，请先登录后发表或查看评论

vue中 background-image:url()路径写法

最新发布

qq_51705474的博客

03-14

559

三、在js写动态路径。

Vue安装less 使用 background: url()时报错

HarryHY的博客

10-04

1604

This relative module was not found: This relative module was not found: …/…/…/…/images/Leaderboard/Leaderboardbg.png in ./node_modules/css-loader?{“sourceMap”:true}!./node_modules/vue-loader/lib/styl...

vue，background-image: url()时候报错。

m0_47555838的博客

06-19

451

@的意思： @是webpack设置的路径名，代表的是src目录，可以在build / webpack.base.conf.js更改设置。~@ 前面记得加~。

vue项目中设置background: url() 是行内样式不生效，样式表是可以的

MISS_zhang_0110的博客

11-17

2135

[TOC](vue项目中设置background: url() 是行内样式不生效，样式表是可以的)首先：如果不是项目中普通的一个index.html中是可以的。

html5表格中插入背景图片

09-24

然后，在CSS样式表里，你可以设置`background-image`属性来指定背景图片，例如： ```html .my-table { background-image: url("path_to_your_image.jpg"); /* 这里的"path_to_your_image.jpg"替换成你要使用的...

vue中div中如何添加背景图

09-21

在Vue.js中，在HTML模板的`<div>`元素中添加背景图片，你可以直接设置CSS样式。例如： ```html <div class="bg-image" style="background-image: url('path/to/your/image.jpg');">  ``` 这里...

tomcat部署web项目后无法显示背景图片

01-03

确保CSS文件中指定的背景图片URL指向了正确的静态资源位置[^2]。对于HTML或JSP页面内的`<style>`标签或是外部样式表里定义的background-image属性： ```css body { background-image: url('/static/images/...

若依框架登录界面背景修改

01-03

然而，更常见的做法是在对应的SCSS或CSS文件中定义新的背景设置。例如，在`src/styles/variables.scss`或其他相关联的样式表里加入或更新`.login-container`的选择器来设定背景图像或色彩。具体来说，为了应用一个新...

Vue通过background:url 引入静态图片失效

从入门到放弃的博客

12-20

1万+

例如 <div :style="{background:'url('+img.url+')',backgroundSize:'100% 100%'}"> ...... </div> ....... img:{ url:'../../assets/bg.png', name: 'bg' } 发现设置背景失败了，图片加载不出来，主要原因是bac...

vue 渲染dom背景图片background url

姚辉乾

01-28

3831

background: url()路径问题

热门推荐

qq_16731745的博客

03-07

2万+

用.net mvc架构开发web的时候，在页面中使用引用图片，图片路径怎么弄都不正确，错误实例如下后来无意间把波浪线~去掉图片就能正常显示了

vue项目background-image引入背景图报错

归小超博客

12-29

2923

之前写好的代码明明运行很正常，今天早上突然在预发环境挂掉了 [31mERROR in ./node_modules/extract-text-webpack-plugin/dist/loader.js?{"omit":1,"remove":true}!./node_modules/vue-style-loader!./node_modules/css-loader?{"sourceMap":false,"root":"C://Program Files (x86)//Jenkins//workspace//

html backgroundurl无效,css background不显示是什么原因？

weixin_34053992的博客

06-04

7976

在CSS中，可以使用background属性来设置背景，可以设置背景色，也可以设置背景图片。但有时background不显示，这是什么原因？下面本篇文章就来给大家介绍一下，希望对大家有所帮助。css background不显示是什么原因？1、css没有被调用；请检查css调用是否成功，2、div设置错误容易导致背景图片高度太大则无法显示，3、css设置背景用的background，书写方式是.di...

vue 动态绑定背景图片(background:url)

slow097的博客

11-19

7346

Vue2.x background:url()踩坑

WF帆少的博客

07-24

1万+

开发模式下vue中background: url(‘../../assets/img/xxxxx’)直接写在行间样式不生效，即不能直接在标签中style属性中写，必须写在非行间样式才会生效

Thymeleaf中给background的url设值语法报错问题

weixin_44389717的博客

11-25

3032

网上搜了很多资料，大多数都是这样子来写 <div th:style="'background:url(' + @{/img/1.jpg} + ');'> 可是我试了还是报错后面换了种方法，选择直接拼接 <div th:style="'background: url(' + '/img/1.jpg' + ');'> 这样子就不报错了，我认为可能是版本的问题，望大神指点 ...