基于vue的cnode社区

来由

最近撸了一遍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文件全部请求失败,改成"./"之后就没毛病了

vue-cli文档
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容