vue-cli結合mockjs模擬後臺數據

mockjs在vue中使用：

準備工做：
一、安裝vue-cli
二、加載模塊mockjs、axios(http請求庫)
npm install mockjs axios --save

開始：
一、建立mock.js文件（用於定於接口返回的數據）到src目錄下的任何一個合適的文件夾下，設置好攔截信息，，設置規則能夠看mock官網規則

二、在mock.js文件中寫入如下模擬數據
單條數據：

多條數據：

三、在組件中引入axios和mock.js文件

import axios from 'axios';
import mockdata from '../mock/mockjs';
在mounted中：

axios.get('msg').then(res=>{
    // this.data1 = res.data;
    console.log(res);
})

四、運行項目 npm run dev,查看控制檯

以上，結束
文章結合了多位前輩的經驗得出，若是更好的方法，請你們在評論區評論，謝謝！
https://www.cnblogs.com/vicky...
https://www.imooc.com/article...