Vue+Mock.js でフロントエンド独立開発環境を構築する方法

この記事では、主に Vue+Mock.js を使用してフロントエンドの独立した開発環境を構築する方法を紹介します。必要な友人に参考にしていただけるように共有します。

1. npm i mockjs -s

モックファイルを作成する
2. データ欺瞞コードを保存するために、main.js と同じディレクトリに Mock.js (任意の名前を付けることができます) を作成します

   
   

Mock.js

const Mock = require('mockjs')

Mock.mock('/register', function (options) {
  console.log(options)
  return Mock.mock({
    'number': '1'
  })
})

このファイルでは、 can Mockjs のドキュメントを使用して、ajax リクエストをインターセプトし、シミュレートされたデータを返します。方法については、ドキュメントを読むだけで簡単です

3. main.js

main.js

にシミュレートする必要があるデータを導入します。

require('./mock')

4. これで完了です。設定が完了したら、リクエストを送信する必要があるページで通常どおりリクエストを送信します。Mock.js は自動的にリクエストをインターセプトし、設定したデータを返します。皆様の学習に役立つことを願っています。関連コンテンツについては、PHP 中国語 Web サイトに注目してください。

関連する推奨事項:

quick-shell.jsライブラリの作成の紹介

vue-router+nginxの非ルートパス構成方法

以上がVue+Mock.js でフロントエンド独立開発環境を構築する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。