vue-cli 프로젝트 구축에 대한 예제 튜토리얼을 공유하세요.

백엔드 모의는 "Vue-cli로 구축한 프로젝트에 백엔드 모의 인터페이스 추가"에서 구현되지만, 다음을 사용하여 http 프로토콜 본문의 데이터를 얻으려면 프런트엔드 포스트의 t 데이터를 모의의 백엔드 인터페이스에서 사용해야 합니다. 요청 데이터 수신 이벤트.

req.on('data', function(chunk){  //接收字节数据});

req.end('data', function(){  //转换||处理});

req.error('error', function(e){  //处理错误});

프런트 엔드가 쿠키를 사용해야 하고 백엔드가 쿠키를 읽어야 하는 경우 req의 헤더는 백그라운드 모의 인터페이스에서 가져와야 하며 쿠키 문자열은 여기에서 가져와야 합니다. 자체적으로 분할하여 처리해야 합니다.

물론 가능하긴 하지만, 데이터를 받는 것부터 변환까지 직접 해야하는 것이 더 번거롭습니다.

vue-cli로 구축된 프로젝트는 풍부한 미들웨어를 지원하는 node.js의 웹 프레임워크로 express를 사용합니다.

위 문제에 대응하여 게시물 본문에 있는 데이터와 쿠키를 req.body 및 req.cookies 객체로 쉽게 추출하여 사람들이 사용할 수 있도록 하는 body-parser 및 cookie-parser 미들웨어가 있는데 매우 편리합니다. .

미들웨어 설치

npm install body-parser --save-dev

npm install cookie-parser --save-dev

미들웨어 소개

build/dev-server.js 파일의 헤더 require 영역 끝에 미들웨어 require를 추가하세요.

  var bodyParser = require('body-parser');  var cookieParser = require('cookie-parser');

그런 다음 var app = express() 바로 뒤에 미들웨어 호출을 추가하세요.

app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());

bodyParser의 두 줄 호출 방법은 콘텐츠 유형을 각각 'application/json' 및 'application/x-www-form-urlencoded'로 설정하는 것입니다.

추가가 완료되면 사용하기 쉽습니다.

끝

위 내용은 vue-cli 프로젝트 구축에 대한 예제 튜토리얼을 공유하세요.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!