在vue-cli環境下類比資料介面及如何應用mockjs

標籤：bsp   pkg   time   order   cli   檔案   logs   build   function   

第一種辦法

　　1、需要先準備json檔案 在根目錄下建立個oapi檔案夾下建立個iorder.json檔案將需要遍曆的json資料沾裡面。

　　2、在build檔案夾下建立dev-server.js 檔案

　　

//  build/dev-server.jsvar apiRoutes = express.Router();var appData = require("../oapi/iorder.json");apiRoutes.get(‘/oapi‘,function(req,res){   res.send({    appData  }) })app.use(‘/api‘, apiRoutes);//在list.vue 下 具體看你需要遍曆資料的模板vuemethods:{  axios.get("./api/oapi")      .then(response=>{let reason=response.data.appData.reason;for(var v of reason){this.tasks.push(v)};Indicator.close();});   }

第二種辦法應用mockjs 無需另建json資料 前提需要安裝cnpm install mockjs --save

在dev-server.js下

//mock資料var Mock = require(‘mockjs‘);var apiRoutes = express.Router();apiRoutes.get(‘/oapi‘,function(req,res){  res.send(Mock.mock({    "reason|1-10":[{      "ORDERID|1-10":/[a-zA-Z1-9]/,      "PKG_NUM|1-8":/[1-9]/,      "HAS_REPORT":false,      "ODSTATUS":"樣本接收",      "SEND_TIME":"@date",      "HZNAME":"@name",      "EXAMNAME":"原溯450"    }]  }))});app.use(‘/api‘, apiRoutes);

 

在vue-cli環境下類比資料介面及如何應用mockjs