Vue nuxt npm run dev new img 未找到

Question

嗨，我在页面中运行npm run dev后将图像添加到资产文件夹无法显示图像

这是我的代码

<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 }
  }
}

但是，我import backgroundImagePath from '@/assets/img/bg/red1.jpg'更改为旧图像import backgroundImagePath from '@/assets/img/bg/red1.jpg'它工作

我正在检查文件夹以确定它有两个图像

文件夹树

--assets
  --bg
    --red1.jpg add before npm run dev
    --red2.jpg add after npm run dev

Answer 1

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