Vue nuxt npm run dev new img not found

Question

Hi i add image to assets folder after run npm run dev in my page can't show image

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

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

Answer 1

我尝试重新启动 IIS，所以它可以工作，但我不知道为什么