如何使用Webpacker gem访问资产

GO老丝LEY2020-04-03

您能否解释一下如何从vue.js组件中的webpacker gem访问资产？例如-如何用背景图像创建div。我试过使用/ app / assets / images和/ app / javascripts / assets文件夹，但是图像仅在模板部分可用，而在样式部分不可用:(

就我而言

<template>
    <div id="home">
        <div id="intro">
            <img src="assets/cover-image-medium.png" alt="">
        </div>
    </div>
</template>

工作正常，但是

<style scoped>
    #intro {
        height: 200px;
        background: url("assets/cover-image-medium.png");
    }
</style>

不起作用:(

怎么了？