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'
  })
})

このファイルには、 Mockjsのドキュメントに従ってajaxリクエストをインターセプトし、シミュレートされたデータを返すことができます。それは非常に簡単です

3. シミュレートする必要のあるデータをmain.js

mainに導入します。 js

require('./mock')

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

関連する推奨事項:

Vue2.0 のカスタム命令とインスタンスの属性とメソッド

NodeJS + Lighthouse + Gulp を使用して自動 Web サイト パフォーマンス テスト ツールを構築する方法

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