本文共 1816 字，大约阅读时间需要 6 分钟。
- 客户端使用React + ApolloClient + GestaltUI
- 服务端使用Koa2 + GraphQL + Mongoose
github 欢迎加⭐
在线预览
启动
cnpm installnpm run start
默认是连接远程服务器的，以下连接本地的服务
- 安装mongodb
- 更改
server/db.js 里 let db=mongoose.connect('mongodb://web:wysj3910@127.0.0.1:27017/web') 连接地址。 - 并更改
src/public.js 里的 HOST 常量为 http://localhost:8181 - 运行
npm run server
文件目录
├── index.ejs├── package.json├── README.md├── server│ ├── db.js│ ├── graphql│ │ ├── APIError.js│ │ ├── comment.js│ │ ├── file.js│ │ ├── formatError.js│ │ ├── main.js│ │ ├── post.js│ │ ├── public.js│ │ └── user.js│ ├── index.js│ ├── render.js│ └── server.js├── src│ ├── actions│ │ ├── config.js│ │ ├── photo.js│ │ └── public.js│ ├── Components│ │ ├── AddPhoto.jsx│ │ ├── Footer.jsx│ │ ├── FooterNavLink.jsx│ │ ├── HeaderContainer.jsx│ │ ├── Header.jsx│ │ ├── HiddenFooter.jsx│ │ ├── IconButton.jsx│ │ ├── ListButton.jsx│ │ ├── PageLoading.jsx│ │ ├── PostList.jsx│ │ ├── Scroll.jsx│ │ └── Tabs.jsx│ ├── constants.js│ ├── Containers│ │ ├── App.jsx│ │ ├── Comments.jsx│ │ ├── Create.jsx│ │ ├── Find.jsx│ │ ├── Home.jsx│ │ ├── Join.jsx│ │ ├── Login.jsx│ │ ├── MoreLikes.jsx│ │ ├── Notice.jsx│ │ ├── Post.jsx│ │ ├── User.jsx│ │ ├── UserLikes.jsx│ │ └── UserPosts.jsx│ ├── index.js│ ├── Module│ │ ├── MaterialUIServiceRendering.js│ │ └── PWS.js│ ├── public│ │ ├── Global.js│ │ ├── Theme.js│ │ └── tool.js│ ├── public.js│ ├── reducers│ │ ├── config.js│ │ ├── index.js│ │ └── loads.js│ ├── static│ │ ├── favicon.ico│ │ ├── logo.png│ │ └── manifest.json│ └── store.js├── static│ ├── default.jpg│ ├── favicon.ico│ ├── logo.png│ └── manifest.json├── webpack.build.js└── webpack.dev.js
转载地址：http://jhfcl.baihongyu.com/