Full-stack-blog

1961 단어
Full-stack-blog(노트 업데이트)
효과Demo(보완 필요) Koa2 기반의 다중 블로그 기능 구축(로그인 등록 이미지 업로드, 블로그 게시, 댓글 발표) 참조https://github.com/nswbmw/N-blog앞부분은create-react-app의 비계로react+react-router v4+redux의 가족통 뒷부분은koa2+mongodb를 사용합니다
개발 환경
개발 환경(node 요구 7.6 이상) Nodejs: 7.6.0 koa: 2.0 MongoDB: 3.2.10
디렉토리 구조
실행 방법
백엔드는 기본적으로 config/default에 설정되어 있습니다.js에서 로컬 Mongodb 포트 27017 (기본값) 을 사용할 수 있는지 확인하십시오.
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  //   server   
cd ..
cd server/
npm install //or yarn install
node index //  3305  
//open localhost:3305/

디버그 설정
전면 및 후면 분리 구성(기본적으로 구성이 필요하지 않음)
(프로젝트를 전체적으로 실행해서 cookies를 만들어야 한다)
프런트엔드 수정
myblog 디렉터리에 들어가서 config의 env 파일에 들어가서 수정
 'ORIGIN':'http://localhost:3005'
//

백엔드 수정
서버 디렉토리에 들어가기
config/default.js//

cors를 수정하고 전방에서 실행되는 도메인 이름으로 변경합니다. 기본적으로 3000 포트를 가리킵니다.
node index -c

전후단 분리 방안
프런트엔드에서 프록시로 프록시 전송
 // package.json   proxy  ,       
"proxy":"http://localhost:3005"

백엔드 변경 불필요
node index //

총체적 임무
1 프로젝트 프레임 덮어쓰기express->Koa2
2 전단 -> 공정화된react.js
TODO
  • [] 레이아웃 다시 쓰기 css
  • [x] 2.1 다중 페이지 실천(업데이트 대기/font)
  • [x] 2.2redux 실천
  • [x] 2.3 단일 페이지 실습
  • [] 2.4 서버 동일 구성
  • [ ] 2.5Immutable
  • [] 2.6react 애니메이션 메커니즘
    • express->koa2
    현재 진행 상태
  • [x] 작업 디렉토리 설정
  • [x] 의존 모듈
  • [x] 구성 파일
  • [x] 라우팅 섹션
  • [x] 데이터베이스 액세스
  • [x]처리react 페이지 리셋
  • [] 유닛 테스트
    • 필기
    네트워크 요청koa2 루트
    koa2
    네트워크 요청에 대한 부분은 Redux에 넣어야 합니다. (수정이 완료되지 않았습니다.)
    react
    크로스 디버깅 대신 node proxy 준비 (create-react-app 자체) react+redux+react-routerv4 가족통 완성
    Linux 는 sendmail 을 통 해 외부 메 일 로 메 일 을 보 냅 니 다.
    PCDATA 무효 Char value 20 오류

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage