ホームページ > 記事 > ウェブフロントエンド > vue-cli プロジェクトの構築に関するサンプル チュートリアルを共有します。
バックエンド モックは「Vue-cli で構築されたプロジェクトにバックエンド モック インターフェイスを追加する」で実装されていますが、フロントエンド ポストの t データをモックのバックエンド インターフェイスで使用して、http プロトコル本体のデータを取得する必要があります。データ受信要求イベント。
req.on('data', function(chunk){ //接收字节数据}); req.end('data', function(){ //转换||处理}); req.error('error', function(e){ //处理错误});
フロントエンドが Cookie を使用する必要があり、バックエンドがそれを読み取る必要がある場合、req のヘッダーをバックグラウンドのモック インターフェイスで取得する必要があり、そこから Cookie 文字列を取得する必要があります。単独で分割して処理する必要があるなど。
もちろん可能ですが、データの受け取りから変換までを自分で行わなければなりません。
vue-cliで構築したプロジェクトは、リッチミドルウェアをサポートするnode.jsのWebフレームワークとしてexpressを使用しています。
上記の問題に対応して、投稿本文のデータと Cookie を 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領域の最後にmiddleware 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 の 2 行の呼び出し方法は、content-type をそれぞれ「application/json」と「application/x-www-form-urlencoded」に設定することです。
追加が完了したら、使い方は簡単です。
終了
以上がvue-cli プロジェクトの構築に関するサンプル チュートリアルを共有します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。