1. 在根目錄下建立 test 目錄, 用來存放模擬的 json 資料, 在 test 目錄下建立模擬的資料 data.json 檔案
2.在build目錄下的 dev-server.js的檔案作如下更改
3. 在.vue做請求, 就可以成功獲取data.json的資料了, 下面使用 axios 進行請求axios.get('/api/seller',
}).then(function (response) )
.catch(function (error) );
請求成功, 獲取到資料
4. 如過要做post請求, 需要對 dev-server.js 檔案做對應的修改
apiroutes.post('/seller',function(req,res));
});這樣就可以在vue 專案中進行模擬 ajax 請求了
在vue專案中mock的使用
模擬後台介面，提供頁面需要的資料。使用例子 使用 mock var mock require mockjs var data mock.mock 輸出結果 console.log json stringify data 資料模板中的每個屬性由3部分構成 name rule value 屬性名 生成規...
Vue筆記 專案中設定mock資料
我們在使用vue寫前端專案的時候，可能會需要後端傳回來的資料來進行測試。但是有的時候我們沒有後端的環境，不能獲取到我們想要的資料。這個時候我們就需要在vue專案中設定一些假資料，即mock資料。配置完成之後，我們就可以像請求後台資料一樣，通過乙個特定的url來獲取到我們需要的mock資料，比如 ap...
vue專案中mock資料操作步驟
1 進入檔案根目錄安裝mockjs cnpm install mockjs 2 安裝完成之後再src下新建mock目錄，建立 mock.js檔案，在裡面我們模擬了兩個介面，分別攔截使用者和選單的請求，並返回響應的資料，mock檔案中 如下 3 修改 home.vue，在頁面放置兩個按鈕，分別觸發使用...