Vue读取本地静态.md并侧边栏导航跳转、展示.md文件的操作方法

 npm install text-loader

 module.exports = {
      //此部分
     configureWebpack: {
       module: {
         rules: [
         {
           test: /\.md$/,
          use: ["text-loader"]
         }
      ]
    }
  }
}

npm install mavon-editor --save

//全局注册
import mavonEditor from 'mavon-editor'
import 'mavon-editor/dist/css/index.css'	//解决编辑器的功能显示问题
Vue.use(mavonEditor)

<mavon-editor
            v-if="machineIsShow"
            v-model="machineMDJS"
            :editable="false"
            :value="machineMDJS"
            :subfield="false"
            :defaultOpen="'preview'"
            :toolbarsFlag="false"
            :scrollStyle="true"
            :ishljs="true"
            :navigation= "true"
            style="max-height: 1000px"
/>
<script>
import machineMDJS from '../../../public/static/md/machine/machine.js'
import 'github-markdown-css/github-markdown.css'
import 'highlight.js/styles/github.css'
export default {
  name: 'FrontendManageCaseDetails',
  components:{
  },
  data() {
    return {
      machineMDJS: machineMDJS,
    };
  },
};
</script>

export default `# 机房门开关
## 使用流程
![](./static/md/machine/media/a701685c7ef86716224a7fd3fd9d9168.png)
## 模板化端到端示例
模板化训练流程：
`

this.url =  '/static/xxx.xlsx'