ホームページ  >  記事  >  ウェブフロントエンド  >  vue-cli プロジェクトの構築に関するサンプル チュートリアルを共有します。

vue-cli プロジェクトの構築に関するサンプル チュートリアルを共有します。

零下一度
零下一度オリジナル
2017-06-25 09:53:321861ブラウズ

バックエンド モックは「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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。