javascript - vue2+sass背景404
PHP中文网
PHP中文网 2017-04-11 12:55:47
[JavaScript讨论组]

1.vue2+sass,是用官方的demo,在scss文件里引入图片会导致404,找不到图片的问题。

2..icon::before{
background-image:url('../images/commbg.png');
}

3.* ../images/commbg.png in ./~/css-loader?{"minimize":false,"sourceMap":false}!./~/vue-loader/lib/style-rewriter.js?{"id":"data-v-5ff33e41","scoped":false,"hasInlineConfig":false}!./~/sass-loader/lib/loader.js?{"sourceMap":false}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/pages/address/children/book.vue

4.

5.试过用
background-image:url('/images/commbg.png');

webpack设置alias
都不能解决

PHP中文网
PHP中文网

认证0级讲师

全部回复(2)
巴扎黑

webpack配置image的alias,然后引用的时候直接 image/xxx.png 试试? 同时要配置url-loader

ringa_lee

我也遇到这问题了。把img 放到static下面,新建立了下image 然后写的时候,引用的时候,写 background:url(/static/image/img.png) center no-repeat; 就可以了。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号