thewebdog / webdogblog

项目开发中！！！！！未完成！！！！！！！！！！

$vm 指为mavonEditor实例，可以通过如下两种方式获取

• 1. 通过引入对象获取: import {mavonEditor} from ... 等方式引入后，$vm为mavonEditor$vm.$img2Url(pos, url);
• 2. 通过$refs获取: html声明ref : <mavon-editor ref=md ></mavon-editor>，$vm为 this.$refs.md`this.$refs.md.$img2Url(pos, res.data);

遇到的问题：

• 问题：图片上传
• 解决：new formData 再将图片塞入

• 问题：图片使用formdata传输,但axios会的默认模式会造成formdata数据丢失
• 解决：设置 headers:{"Content-Type": "multipart/form-data"}才能成功发送

• 问题：服务端接收formdata并读取数据
• 解决：在node服务器端 使用multiparty处理formdata数据 并将文件保存到服务器

• 问题：服务器保存图片后返回图片地址
• 解决：将get请求字符串+？+图片相对路径files.'append的id+[0]'.path拼接

• 问题：通过图片地址get图片
• 解决：在服务器get请求req.query获取图片相对路径 还需要用path处理成绝对路径 才能用sendFile()

• 问题：行文过程中删除图片如何删除相应记录 并删除图片
• 解决：用Map在上传时保存 这样删除时就可以对应key来删除记录 再将url替换关键部分 发起get请求以删除图片

• 问题：接收文章数据报错
• 解决：将上一条的Map数据 item取出到一个数组 在发送后端

• 问题：数据保存失败
• 解决：multiparty模块的fields里数据无法直接拿出 拿出后是数组 需要[0]取出 否则瞪眼瞎找不到问题(没错，说的就是我自己)

• 问题：writing页面的清空逻辑
• 解决：这个页面的数据比较复杂 设置清空的方法很不友好 包括了v-modul的数据 state的数据 还有服务器端的临时数据 因此另辟蹊径 在主state中 写入了一个变量=true 和改变它的mutations 跟该组件的v-if绑定 当触发清空时 调用mutations里的方法(变量=false,设定定时器1毫秒,再变量=true)

• 问题：文章html显示异常
• 解决：在你需要展示html的模块引入 import "mavon-editor/dist/css/index.css"; 并且加上 <div class="markdown-body" v-html="markdown_html"/> cdn引入样式 <link href="https://cdn.bootcss.com/github-markdown-css/2.10.0/github-markdown.min.css" rel="stylesheet"> 就可以正常显示了。

• 问题：进入文章分类后的第一次点击某分类时 列表组件不列出该分类
• 解决：想到设置:key和this.$router.currentRoute.fullPath挂钩 当路由变化时触发列表组件刷新 结果还是不好使 后来改来改去 改成this.$route.params.id好使了 期间还用了其他的方式 例如用到问题9的逻辑 也可以实现 但是由于v-if是销毁组件 导致该组件会闪一下