如何解决使用@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 举报,一经查实,本站将立刻删除。