webpack打包的項目中能夠依賴expressvue
var express = require('express'); var app = express(); var appData = require("../data.json"); var seller = appData.seller; var apiRouter = express.Router(); apiRouter.get("/seller", function (req, res) { res.json({ errno: 0,//經過errno爲0這個字段代表數據是正常的 data: seller }); }); app.use('/api', apiRouter);
而後npm run dev啓動這個項目,瀏覽器輸入http://localhost:8080/api/ratings,能夠看到返回的json對象webpack
能夠使用推薦的axios。ios
HTML頁面加載CDN地址axios文件。web
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
建立一個vue的實例,經過mounted鉤子和methods中的方法來模擬數據express
mounted: function () { this.$nextTick(function () { this.getCartData(); }) }, methods: { getCartData: function () { var _this = this; axios.get('data/cartData.json').then(function (res) { _this.cartList = res.data.result.list;// res.data就是返回的json對象 }).catch(function (error) { console.log(error); }) }, }