小编Hor*_*zon的帖子

我用来@nuxtjs/markdownit解析 markdown 文件，我想在'markdown-it-anchor'插件中启用创建永久链接功能，我使用了以下代码nuxt.config.js但不起作用：

  modules: [\n    // Doc: https://axios.nuxtjs.org/usage\n    '@nuxtjs/axios',\n    '@nuxtjs/markdownit'\n  ],\n  markdownit: {\n    preset: 'default',\n    linkify: true,\n    breaks: true,\n    typographer: true,\n    html: false,\n    use: [\n      'markdown-it-anchor',\n      'markdown-it-attrs',\n      'markdown-it-div',\n      'markdown-it-toc-done-right',\n      'markdown-it-emoji'\n    ]\n  },\n  'markdown-it-anchor': {\n    level: 1,\n    // slugify: string => string,\n    permalink: true,\n    // renderPermalink: (slug, opts, state, permalink) => {},\n    permalinkClass: 'header-anchor',\n    permalinkSymbol: '\xc2\xb6',\n    permalinkBefore: true\n  },\n

我正在使用 Nuxt.js + Vuetify，但图像无法加载到我的下一页文件中。例如，在我的 中./pages/browse/index.vue，我有一个像这样的 vuetify 图像标签：

<v-img
  src="~/assets/img/test.png"
  style="width:300px"
  contain
></v-img>

图像位于assets/img/test.png，但是，每当我启动 Nuxt 服务器时，图像都不会显示，下面是从 Chrome 开发工具复制的 div 元素：

<div class="v-image__image v-image__image--contain" style="background-image: url(&quot;http://localhost:3333/browse/~/assets/img/test.png&quot;); background-position: center center;"></div>

图像仅在我不使用 Vuetify 图像组件时才有效：

<img
  src="~/assets/img/test.png"
  style="width:300px"
/>