vue cli專案中怎麼mock資料

在vue專案中, mock資料可以使用 node 的 express模組搭建服務

1. 在根目錄下建立 test 目錄, 用來存放模擬的 json 資料, 在 test 目錄下建立模擬的資料 data.json 檔案

2.在build目錄下的 dev-server.js的檔案作如下更改

../test/data.json')

//獲取資料

var apiroutes =express.router();

//get請求

apiroutes.get('

/seller

',function(req,res));

});'

/api

',apiroutes);

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專案中使用mock

1 src下新建mock資料夾,mock資料夾下新建response目錄 造後台介面資料，輸出getuserinfo import mock from mockjs const random mock.random export const getuserinfo options userinfo....

在vue專案中, mock資料

1.在根目錄下建立 test 目錄,用來存放模擬的 json 資料,在 test 目錄下建立模擬的資料 data.json 檔案 2.在build目錄下的 dev server.js的檔案作如下更改 3.在.vue做請求,就可以成功獲取data.json的資料了,下面使用 axios 進行請求axi...

使用vue cli3時怎麼mock資料

應用場景 在前後端分離的開發模式中，後端給前端提供乙個介面，由前端向後端發請求，得到資料後前端進行渲染。由於前後端開發進度的不統一，前端往往使用本地的測試資料進行資料渲染的測試。如何配置 在vue cli構建的專案，我們可以借助devserver開啟乙個服務，然後我們可以通過路由模擬乙個介面來進行測...