vue cli如何使用mockjs生成數據

記錄自己一邊百度,一邊嘗試成功的例子。。防止以後自己忘記怎麼使用
在百度中,我看到很多文章。還有的叫改config裏面的index代理設置的。。或者dev配置。。感覺有點麻煩。後來選擇了一個最簡單的實現方式。

1.首先npm 安裝一下mock 別忘了加 --save-dev (意思是在測試環境中使用)

2.然後在同級目錄下新建一個mock.js的文件。

clipboard.png

mock的文件內容如下。(data代碼是我複製網上的。。。偷懶一下。)

clipboard.png

3.別忘了在main.js文件裏面引入mock模塊

clipboard.png

4.好了。最後一步,我們試試接口能不能用。選擇某一個組件,在裏面寫axios.

clipboard.png

在谷歌控制檯我們就可以看到數據了。

clipboard.png

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章