Django Rest Framework(DRF) + Vue + ElementPlus搭建Blog例子代码

重新用Django Rest Framework(DRF),Vue3、Pinia、Element-Plus、Axios重新改写了前面的Blog的例子.

代码放在Github上了https://github.com/magicduan/django-drf-vue/releases

这里终结一下这次改造中碰见的坑:

遗漏“/”导致的Cors问题 --参考前一篇文章

Vue3中取数据的时机问题

在之前的代码,我将axios取数据等操作全部放在setup中实现,因为数据是异步获得,不得不用computed来跟踪数据的变化.

在这次修改中,将axios取数据移入到onMounted函数中.移入onMounted中会遇见一个如果这个Vue是被重复使用,例如PostByTag.vue, 

每次Request的参数tag发生变化的时候,不会再次触发onMounted函数,导致在不同的Tag中切换的时候,数据不会被更新. 所以加入

onBeforeRouteUpdate的处理来处理param变化导致的数据变化.