ホームページ > ウェブフロントエンド > jsチュートリアル > Vue+Mock.js を使用してフロントエンド独立開発環境を構築する方法

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

不言
リリース: 2018-07-14 09:19:05
オリジナル
2002 人が閲覧しました

この記事では、主に 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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート