CodeReaper的博客

文章目录 一、任务 二、将新建文章和编辑文章区分开 1. 修改路由配置 2.在router-view前包一层keep-alive 3.在BlogEditorPage activated时初始化各个显示的参数 4.设置保存和上传文章 三、为v-md-editor添加图片上传的功能 四、添加编辑博客大页面 路由设置 为SideBar添加tab 一、任务 1.将新建文章和编辑文章区分开 2.为v-md-editor添加图片上传的功能 3.添加编辑博客大页面

文章目录一、任务二、博客编辑页的搭建三、解决跨域问题四、引入第三方ajax库axios并对其进行封装下载并引入axios五、调用接口与后端进行交互 一、任务 完成博客编辑页的搭建 解决跨域问题（后端Django解决） 网络请求库的封装以及文章业务的封装 与后端完成交互，将文章保存保存到数据库中 二、博客编辑页的搭建 主要使用ElementUI中的模板表单中的代码，修修改改即可完成： <template> <h2>文章编辑</h2> <el-form re

搭建博客之前端篇（三） 完成博客的预览页和编辑页，使用vue-markdown-editor编辑器进行文章编辑 一、任务 二、路由分配 三、开发 1.为切换子页面添加侧边栏按钮 2.编写每条博客的预览卡片 3.编写博客编辑页 下载v-md-editor插件 在BlogEditorPage组件中使用md编辑器组件 对代码高亮显示出进行扩展 4.使用左边栏按钮完成预览页与编辑页的跳转

为Vue项目创建多个专门的文件夹，合理分工，并完成引入和初始化ElementUI，引入vue-router等基本工作，然后添加导航栏。 一、为项目新建多个文件夹 二、为使用ElementUI进行初始化 使用npm命令安装 引入UI库 试用 三、编写网站的导航栏 四、编写路由（vue-router） 下载和初始化 具体需求 创建需要跳转的页面 创建并导出Router 在main.js中引入router 并挂载 五、设置导航栏按钮点击跳转页面

一、搭建博客的原因 二、搭建博客用到的技术 三、开始搭建 创建gitee代码仓库 创建Vue项目 git clone run Vue CLI 将当前项目推送到Gitee远程仓库中