Vue nuxt npm run dev new img not found答案

【问题标题】：Vue nuxt npm run dev new img not foundVue nuxt npm run dev new img not found
【发布时间】：2021-01-20 04:38:47
【问题描述】：

您好，我在页面中运行 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' 这行得通

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

文件夹树

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

【问题讨论】：

标签： vue.js nuxt.js

【解决方案1】：

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

【讨论】：