PS:這是在學習一個外賣平臺項目案例:
第一步:在build目錄下的webpack.dev.conf.js文件下添加:
// demoData start const express = require('express'); const app = express(); const appData = require('../data.json'); const seller = appData.seller; const goods = appData.goods; const ratings = appData.ratings; const apiRoutes = express.Router(); app.use('/api', apiRoutes); // demoData end
第二步:在當前js文件下找到DevServer,在後面添加以下代碼:
, before(app) { app.get('/api/seller', (req, res) => { res.json({ errno: 0, data: seller }) }), app.get('/api/goods', (req, res) => { res.json({ errno: 0, data: goods }) }), app.get('/api/ratings', (req, res) => { res.json({ errno: 0, data: ratings }) }) }
第三步:在vue頁面中發起請求:
methods: { getData () { this.$http.get('/api/goods').then(res => { console.log(res); }).catch(err => { console.log(err); }); } }, created () { this.getData(); }
console.log()結果: