微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

使用@nuxtjs/markdownit,如何解析XXX.md 文件中的图像文件

如何解决使用@nuxtjs/markdownit,如何解析XXX.md 文件中的图像文件

我以这种方式在 nuxt vue 中应用 Markdown。

<template>
  <div class="doc-container">
    <div v-html="doc"/>
  </div>
</template>

<script>
import doc from './doc.md'
export default {
  name: 'doc',data() {
    return {
      doc:doc
    }
  },}
</script>

doc.md 文件中,我需要添加图片,但如何解析图片路径? http://localhost:3000/guide/~@/assets/images/create.jpg 404 (Not Found)

![image](~@/assets/images/create.jpg)

现在的问题是

解决方法

您可以将图像放到 /static 文件夹中。例如放置在此处 /static/images/create.jpg 的文件将被映射到根目录,如下所示:

![image](/images/create.jpg)

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。