问题描述
我以这种方式在 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)