前端博站项目最后总结

说明：本文是自己对项目的一些总结，可能并不适合您，只是为了帮我记住本次项目中有卡克的地方

嗯，花了大概一周时间，今天终于将项目做完，很开心（本人对自己做的项目还是很满意的）

因为今天主要是完善项目，让项目更加完美，所以难点并不多

1、在单个博客中点击登录，到达登录界面，登录成功后还回到该博客

2、在单个博客中点击编辑，到达编辑页面，编辑成功后还回到本博客

上面其实是一个问题，就是用查询字符串记录当前的博客地址，登录或编辑之后还回到这个地址，核心代码如下：

以第二个为例：

单个博客中的核心代码

<span v-show="isLogin" class="edit" @click="edit">编辑</span>       
methods:{
 edit(){
         this.$router.push({
            path:`/edit/${this.id}`,
            query:{
              redirect:this.$route.path.slice(1)
            }
          })
       
        }
}

//this.$router  路由对象
//this.$route  匹配到当前路径的路由记录

编辑页面的核心代码：

//编辑完成后，回到原来的单个博客页面 
let redirect = this.$route.query.redirect
  this.$router.push({
                path:'/'+redirect
              })

ok，别的就不多说了