vue-cli3中，使用mock模擬數據的配置

cli3 推崇自動化！和 cli2有很大區別。

1.在根目錄下建立一個mock文件夾，用來存放模擬數據json文件；

二、在根目錄中找到vue.config.js這個文件，修改成下面的配置：

const appData = require('./mock/data.json')
// 正常寫1個常量便可，下面3個常量能夠忽略
const seller = appData.seller
const goods = appData.goods
const ratings = appData.ratings

module.exports = {
 devServer:{
    port:8080,
     // 3個mock
    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
        })
      })
    }
  }
};
複製代碼

測試mock是否建立成功 在vue組件裏

a(){
      axios.get("/api/seller").then(res => {
        console.log(res)
      })
  },
複製代碼

搞定！