基于vue的cnode社区

来由

最近撸了一遍vue文档，顺带vue-router，vue-cli，vuex都撸了一遍，听大佬说可以用cnode练手，有官方提供的API，只需要发请求，接收、处理数据并渲染就行，于是就有了这个作品

目前有帖子浏览、查看回复、查看用户信息、分页功能
下一步将完善发帖、评论等功能

预览地址
源码

git clone [email protected]:Evil-Zink/vue-cnode.git

cd vue-cnode

yarn serve

难点

大概最难的地方在于分页器组件吧，以前从来没实现过分页器。

每点击一页，就将当前页码传递给父组件，再有父组件重新请求数据

其次就是部署到github pages，请求js和css的路径不正确，因为我用的是vue-cli 3，官方文档又看得一愣一愣的，Google到的基本是vue-cli 2的解决办法，这据很尴尬了，最后一顿操作，还是搞定了

//vue.config.js
module.exports = {
    baseUrl: './',
    outputDir: 'dist',
    assetsDir: 'assets'
}

因为默认值是"/"，意思是根路径，而我们在GitHub上的预览，路径xxx.github.io/projectname/dirname/index,而css、js文件的请求确实从根路径，也就是这样xxx.github.io/projectname/css/xxx.css，没走dist目录下过，所有css、js文件全部请求失败，改成"./"之后就没毛病了

vue-cli文档