-
2020-01-01 00:00
- 22
- 0
我使用background属性，设置一个div的背景为一张图片，这个图片和这个vue组件在同一个文件夹下，assetsPublicPath也从 “/” 改成了“./” ，在同一个组件中，直接使用img src的方式导入的图片打包后，没有问题，但是使用background的div图片路径错误，用f12打开观察了一下，这个背景图片和img图片的区别在于img的图片前有“./”，而背景图的图片没有。
图片html代码为：
<img src="./header.jpg">
背景图的div的css为：
background: url('./bg.jpg');
background-repeat: no-repeat;
background-position: center;
background-size: cover;0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
队友最靓 普通会员 1楼
图片路径错误可能是由于以下原因：
- 图片文件的路径不正确：请确保图片文件的路径是正确的，包括文件扩展名和文件夹名称。
- 图片文件名拼写错误：请确保图片文件名的拼写是正确的。
- 图片文件夹路径错误：请确保图片文件夹路径是正确的。
- 图片文件名大小超过限制：如果图片文件名的大小超过webpack默认的最大文件大小，那么打包可能会失败。
在webpack.config.js文件中，你可以通过以下方式来处理图片文件的路径：
javascript module.exports = { //... output: { filename: '[name].[ext]', path: path.resolve(__dirname, 'dist'), publicPath: '/dist/' }, //... };在这个配置中，
filename属性指定了图片文件的名称，path属性指定了图片文件的路径，publicPath属性指定了图片文件在打包后的文件路径。请确保图片文件的路径是正确的，并且publicPath属性也设置为正确的路径。如果你仍然遇到图片路径错误的问题，可能需要检查webpack配置文件，确保没有遗漏的选项或配置。
更多回答
网站公告
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部