資訊專欄INFORMATION COLUMN
摘要：不斷更新筆記效果有待進(jìn)一步完善搭建一個(gè)基于的多人功能登錄注冊(cè)上傳頭像發(fā)表博文發(fā)表留言參考自前端部分以的腳手架搭起的全家桶后端采用開發(fā)環(huán)境開發(fā)環(huán)境要求以上目錄結(jié)構(gòu)如何運(yùn)行后端默認(rèn)配置在中請(qǐng)確保本地端口默認(rèn)可用發(fā)布到目錄中默
Full-stack-blog(不斷更新筆記)
效果Demo
(有待進(jìn)一步完善)
搭建一個(gè)基于Koa2的多人blog
功能(登錄注冊(cè)上傳頭像,發(fā)表博文,發(fā)表留言)
參考自https://github.com/nswbmw/N-blog
前端部分以create-react-app的腳手架搭起react+react-router v4+redux的全家桶
后端采用koa2+mongodb
開發(fā)環(huán)境(node要求 7.6以上)
Nodejs:7.6.0
koa:2.0
MongoDB:3.2.10
后端默認(rèn)配置在config/default.js中
請(qǐng)確保本地Mongodb 端口27017(默認(rèn))可用
git clone https://github.com/Sunshine168/Full-stack-Blog.git cd Full-stack-Blog/myblog npm install //or yarn install npm build node scripts/publish ./server //發(fā)布到server目錄中 cd .. cd server/ npm install //or yarn install node index //默認(rèn)3305端口 //open localhost:3305/調(diào)試配置 前后端分離配置(默認(rèn)不需要配置)
(需要整體運(yùn)行一下項(xiàng)目產(chǎn)生一下cookies)
前端修改進(jìn)入myblog目錄進(jìn)入config的env文件里修改
"ORIGIN":"http://localhost:3005" //修改一下本地主機(jī)后端修改
進(jìn)入server目錄下
config/default.js//默認(rèn)配置文件
修改cors,修改成前端運(yùn)行的域名,默認(rèn)指向3000端口
node index -c總體任務(wù) 1改寫項(xiàng)目框架由express->Koa2 2前端->工程化的react.js
TODO
[ ] 重寫布局css
[x] 2.1多頁(yè)面實(shí)踐(待更新/font)
[x] 2.2redux實(shí)踐
[x] 2.3單頁(yè)面實(shí)踐
[ ] 2.4服務(wù)器同構(gòu)
[ ] 2.5Immutable
[ ] 2.6react動(dòng)畫機(jī)制
express->koa2目前進(jìn)度
[x] 工作目錄設(shè)定
[x] 依賴模塊
[x] 配置文件
[x] 路由部分
[x] 數(shù)據(jù)庫(kù)訪問(wèn)
[x] 處理react單頁(yè)重定向
筆記網(wǎng)絡(luò)請(qǐng)求
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/83312.html
摘要：本來(lái)不想推的，看到上有個(gè)項(xiàng)目很簡(jiǎn)單，都有，推推看咯。雖然這個(gè)項(xiàng)目很簡(jiǎn)單，但是還蠻有趣，用來(lái)入門和以及再好不過(guò)了。 本來(lái)不想推的，看到github上有個(gè)項(xiàng)目很簡(jiǎn)單，都有300 star，推推看咯。雖然這個(gè)項(xiàng)目很簡(jiǎn)單，但是還蠻有趣，用來(lái)入門vue2和nodejs以及mongodb再好不過(guò)了。 等這幾天把公司手頭的事情忙完，再把vuex的部分強(qiáng)化下。 基于vue2/vuex/vue-rout...
摘要：注意網(wǎng)站中用的所有技術(shù)可以交流學(xué)習(xí)不要以線上環(huán)境運(yùn)行，因?yàn)樵创a中沒有包含相關(guān)文件中的，授權(quán)登陸需要自己配置賬號(hào)密碼只有讀取權(quán)限交流群 前言 線上環(huán)境小包總 showImg(https://segmentfault.com/img/bVTvhf?w=1297&h=763); 技術(shù)棧 服務(wù)器： node、koa2 客戶端： vue、vuex、vue-router、Element-UI 數(shù)...
摘要：注意網(wǎng)站中用的所有技術(shù)可以交流學(xué)習(xí)不要以線上環(huán)境運(yùn)行，因?yàn)樵创a中沒有包含相關(guān)文件中的，授權(quán)登陸需要自己配置賬號(hào)密碼只有讀取權(quán)限交流群 前言 線上環(huán)境小包總 showImg(https://segmentfault.com/img/bVTvhf?w=1297&h=763); 技術(shù)棧 服務(wù)器： node、koa2 客戶端： vue、vuex、vue-router、Element-UI 數(shù)...
閱讀 1448·2021-09-22 16:04
閱讀 2806·2019-08-30 15:44
閱讀 893·2019-08-30 15:43
閱讀 771·2019-08-29 15:24
閱讀 1852·2019-08-29 14:07
閱讀 1140·2019-08-29 12:30
閱讀 1734·2019-08-29 11:15
閱讀 2747·2019-08-28 18:08
