1、進入檔案根目錄安裝mockjs
cnpm install mockjs
2、安裝完成之後再src下新建mock目錄，建立 mock.js檔案，在裡面我們模擬了兩個介面，分別攔截使用者和選單的請求，並返回響應的資料，mock檔案中**如下：
3、修改 home.vue，在頁面放置兩個按鈕，分別觸發使用者和選單的處理請求，成功後列印獲取結果，home.vue中的**如下：
4、瀏覽器訪問：http://localhost:8080/#/，分別點選兩個按鈕，mock 會根據請求 url 攔截對應請求並返回模擬資料。
在vue專案中, mock資料
1.在根目錄下建立 test 目錄,用來存放模擬的 json 資料,在 test 目錄下建立模擬的資料 data.json 檔案 2.在build目錄下的 dev server.js的檔案作如下更改 3.在.vue做請求,就可以成功獲取data.json的資料了,下面使用 axios 進行請求axi...
Vue筆記 專案中設定mock資料
我們在使用vue寫前端專案的時候，可能會需要後端傳回來的資料來進行測試。但是有的時候我們沒有後端的環境，不能獲取到我們想要的資料。這個時候我們就需要在vue專案中設定一些假資料，即mock資料。配置完成之後，我們就可以像請求後台資料一樣，通過乙個特定的url來獲取到我們需要的mock資料，比如 ap...
vue專案中使用mock
1 src下新建mock資料夾,mock資料夾下新建response目錄 造後台介面資料，輸出getuserinfo import mock from mockjs const random mock.random export const getuserinfo options userinfo....