前景提要
目前在学 vue, 照着一个例子从头创建 vue 工程开始一步一步照着敲,敲到下面这一步,发现死活背景图不显示,clone 原工程,运行进起来一切正常,搞了好几天,我自己的工程,和别人的工程,除了 vue 版本不一样之外(我自己创建的 vue 版本是 2.6.11, 原作者的是 2.5.2 ),其他代码都一样,但我创建的工程的 backgroundImage 的图片就是不显示,而运行作者的,是完全正常的。我运行起来,图片 url 地址显示是白板,贴些关键代码。大佬们帮我看看是哪里有问题了 ├── README.md ├── babel.config.js ├── build ├── config ├── node_modules ├── package-lock.json ├── package.json ├── public ├── src └── static <div class="Box" :style="{backgroundImage: 'url(' + img + ')'}"> export default { data() { return { img: 'static/img/test.jpg' //图片存放在 static/img 目录下 } }
vue 运行无报错,通过浏览器 f12 查看 该地址返回码 200,但是是空白页 http://localhost:8080/static/img/test.jpg