Vue.js 如何从markdown在Nuxtjs中的渲染中添加相对img路径？

我使用nuxt响应加载程序来设置图像， 当我使用

 <img class="card-img-top" :srcset="require('~/assets/nuxt2.png').srcSet"  alt="Sample image" />

使用“require”和类似的语法

<img class="card-img-top" :srcset="require('~/assets/'+article.img).srcSet" alt="Sample i/>

<script>
export default {
  async asyncData({ $content, params }) {
    const article = await $content('articles', params.slug).fetch()
    console.log(params)
    const [prev, next] = await $content('articles')
      .only(['title', 'slug'])
      .sortBy('createdAt', 'asc')
      .surround(params.slug)
      .fetch()
    return { article, prev, next }
}
</script>

title: How i started my developing career
description: 'This is a roadmap of todo list while starting with software developer in it field and excelling it.'
author: jerryyhank
img: ~/assets/nuxt2.png

<img class="card-img-top" :srcset="require('~/assets/'+article.img).srcSet" alt="Sample i/>

title: How i started my developing career
description: 'This is a roadmap of todo list while starting with software developer in it field and excelling it.'
author: jerryyhank
img: nuxt2.png