【build】-【webpack.dev.conf.js】

或

【build】-【dev-server.js】

在webpack.dev.conf.js中的寫法

var appData = require(‘../data.json‘)//加載數據
var seller = appData.seller
var goods = appData.goods
var ratings = appData.ratings  

//編寫路由
before(app){
          app.get(‘/api/seller‘, function(req, res){
              res.json({
                  errno:
 
0,
                  data:seller
              })
          });
          app.get(‘/api/goods‘, function(req, res){
              res.json({
                  errno:0,
                  data:goods
              })
          });
          app.get(‘/api/ratings‘, function(req, res){
              res.json({
                  errno:
 
0,
                  data:ratings
              })
          });
      },

測試是否訪問到：localhost:8080/api/seller

在dev-server.js中的寫法

var appData = require(‘../data.json‘)//加載數據
var seller = appData.seller
var goods = appData.goods
var ratings = appData.ratings 

var apiRoutes = express.Router();

apiRoutes.
 
get(‘/seller‘,function(req, res){ //服務器端返回request請求和response
   res.json({//客戶端response還要轉為json數據
     errno:0 //成功返回的代號
     data:seller    //取到data.json中數據selelr     
 }) ;
});

apiRoutes.get(‘/goods‘,function(req, res){
   res.json({
     errno:0
     data:goods       
 }) ;
});

apiRoutes.get(‘/ratings‘,function(req, res){
   res.json({
     errno:0
     data:ratings       
 }) ;
});

app.use(‘/api‘, apiRoutes);

vue 編寫接口請求【mock數據】