1. 程式人生 > >vue+webpack 配置mock模擬資料

vue+webpack 配置mock模擬資料

這裡說的是指配置mock環境

1、npm install mock

2、npm install cross-env

這是我的mock目錄

在package.json 檔案中配置

使用cross-env NODE_ENV 傳入引數mock(至於為什麼用cross-env :是相容win作業系統)

之後在config目錄下的dev.env.js 檔案裡設定

這樣就可以設定開發環境的env

之後可以在main.js中設定

至此,就可以使用npm run mock 來愉快的使用模擬資料開發頁面了

另附上mock模擬資料

Mock.mock(`${domain}/url`, 'post', {
  status: '1',
  data: {
    idName: '張三',
    idNumber: '421022199010136015'
  }
})