来由
最近撸了一遍vue文档,顺带vue-router,vue-cli,vuex都撸了一遍,听大佬说可以用cnode练手,有官方提供的API,只需要发请求,接收、处理数据并渲染就行,于是就有了这个作品
目前有帖子浏览、查看回复、查看用户信息、分页功能
下一步将完善发帖、评论等功能
git clone git@github.com: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文件全部请求失败,改成"./"
之后就没毛病了