Javascript nuxtjs-将背景url设置为来自资产的图像不会';行不通

Javascript nuxtjs-将背景url设置为来自资产的图像不会';行不通,javascript,vue.js,webpack,nuxt.js,Javascript,Vue.js,Webpack,Nuxt.js,经过大量的研究,我还没有找到一个解决方案来解释为什么会发生这种情况 尝试在我的div中动态设置背景图像时,它不起作用,我收到一个404错误http://localhost:3000/~assets/images/postReview.jpg 404(未找到) {{title}} {{previewText}} 我像这样传递它(缩略图):~assets/images/postReview.jpg并得到上面的错误 如果我像这样传递它,它就会工作:\u numxt/assets/images/po

经过大量的研究,我还没有找到一个解决方案来解释为什么会发生这种情况

尝试在我的div中动态设置
背景图像
时,它不起作用,我收到一个404错误<代码>http://localhost:3000/~assets/images/postReview.jpg 404(未找到)


{{title}}
{{previewText}}

我像这样传递它(缩略图):
~assets/images/postReview.jpg
并得到上面的错误

如果我像这样传递它,它就会工作:
\u numxt/assets/images/postReview.jpg

我也试过了,但没用


有人能帮我弄清楚问题出在哪里吗?

您的图像应该放在静态文件夹中,然后像这样使用它们

:style="{backgroundImage: 'url(' + thumbnail + ')'}"></div>
:style="{backgroundImage: 'url(' + thumbnail + ')'}"></div>
thumbnail :this.$router.options.base+'images/postPreview.jpg'