我使用vue-cli创建了vue应用，我使用vue仪表板链接库，其中之一是Fake3D（https://luxdamore.github.io/vue-fake3d-image-effect/）

当我使用外部图像时，它工作正常，但是当我使用本地图像时，它显示空白。

我的代码是：

<template>
  <div>
    <fake3d-image-effect
        v-once
        centered
        fill-height-content
        image="src/assets/images/effects/3d.jpg"
        image-map="src/assets/images/effects/3dmap.jpg"
    >
    </fake3d-image-effect>
  </div>
</template>

<script>

    import '@luxdamore/vue-fake3d-image-effect/dist/Fake3dImageEffect.css';

    export default {
        name: "Effects3D",}
</script>

我在控制台中遇到以下错误：

Unable to load image <img crossorigin=​"Anonymous" src=​"src/​assets/​images/​effects/3d.jpg">​

文件夹src在项目根目录中。我如何需要链接项目图像？