[英]Vue nuxt npm run dev new img not found
Hi i add image to assets folder after run npm run dev
in my page can't show image嗨,我在页面中运行npm run dev
后将图像添加到资产文件夹无法显示图像
this my code这是我的代码
<div
:style="{ backgroundImage: `url(${backgroundImagePath})`,
backgroundPosition: 'center',
backgroundRepeat: 'no-repeat',
backgroundSize: 'cover' }"
>
import backgroundImagePath from '@/assets/img/bg/red2.jpg'
export default {
components: {
Navbar, Slider, Login, Footer
},
data () {
return { backgroundImagePath }
}
}
but, i change to old image import backgroundImagePath from '@/assets/img/bg/red1.jpg'
it work但是,我import backgroundImagePath from '@/assets/img/bg/red1.jpg'
更改为旧图像import backgroundImagePath from '@/assets/img/bg/red1.jpg'
它工作
I'm check in folder for sure it has both image我正在检查文件夹以确定它有两个图像
folder tree文件夹树
--assets
--bg
--red1.jpg add before npm run dev
--red2.jpg add after npm run dev
我尝试重新启动 IIS,所以它可以工作,但我不知道为什么
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.