在vue項目中, mock數據可以使用 node 的 express模塊搭建服務
1. 在根目錄下創建 test 目錄, 用來存放模擬的 json 數據, 在 test 目錄下創建模擬的數據 data.json 文件
2.在build目錄下的 dev-server.js的文件作如下更改
var appData = require('../test/data.json')// 獲取數據var apiRoutes = express.Router();//get請求apiRoutes.get('/seller',function(req,res){ res.send({ appData });});app.use('/api',apiRoutes);3. 在.vue做請求, 就可以成功獲取data.json的數據了, 下面使用 axios 進行請求
axios.get('/api/seller',{ params: { ID: 12345 } }) .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); });請求成功, 獲取到數據
4. 如過要做post請求, 需要對 dev-server.js 文件做對應的修改
apiRoutes.post('/seller',function(req,res){ res.send({ appData });});這樣就可以在vue 項目中進行模擬 ajax 請求了
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。
新聞熱點
疑難解答
