VUEデータ遠位mockjs

 

1. mockjsをインストールします。

NPM mockjsをインストール--save-devの

mockjsをインストールcnpm

main.js導入mock.jsに新しいファイルの下2.src mock.js、

（」./ mock.js'）//必要があり、それ以外の場合はエラーMock.mockは（）関数ではありませんが必要です

 

3.mock.jsモックデータを作成します

 

//輸入mockjs

constのモックは=（ 'mockjs'）を必要と

//オブジェクトmock.Randomを取得

constのランダム= Mock.Random。

//データの集合をモック

CONST produceNewsData =関数（）{

    記事を聞かせて= [];

    {（; iが100 <I ++は、I = 0せて）のために

        newArticleObject = {みよう

            タイトル：Random.csentence（5、30）、// Random.csentence（MIN、MAX）

            thumbnail_pic_s：Random.dataImage（ '300×250'、 'モック絵'）、// Random.dataImage（サイズ、テキスト）は、ランダムな画像符号化をBase64を生成します

            AUTHOR_NAME：Random.cnameは（）、// Random.cname（）ランダムに共通の中国名を生成し、

            日付：Random.date（）+ '' + Random.time（）// Random.date（）は、生成された日付文字列デフォルトYYYY-MM-DDの形式を示し; Random.time（）は、ランダムな時間を返します。弦

        }

        articles.push（newArticleObject）

    }

 

    {戻ります

        記事：関連記事

    }

}

 

// Mock.mock（URL、ポスト/取得するには、データを返します）。

Mock.mock（ '/ニュース/インデックス'、 'ポスト'、produceNewsData）。

 

4、.vue要求するページ

params = {ましょう

            「テスト」：「テスト」//リクエストパラメータを送ります 

}

 この。$ http.post（ '/ニュース/インデックス' のparams）

        .then（RES => {

            警告（RES 'の解像度'）

            console.log（RES、RES）。

        }）

        .catch（ERR => {

          警告（ERR）

        }）