原文：https://blog.csdn.net/bocongbo/article/details/81700843
1敏弃、 安裝
npm install mockjs
2卦羡、在src目錄下新建mock目錄，結(jié)構(gòu)如下：
mock.jpg
3、index.js內(nèi)容如下：
const Mock = require('mockjs');
//格式： Mock.mock( url, post/get , 返回的數(shù)據(jù))绿饵；
Mock.mock('/api/login', 'get', require('./json/login'));
4欠肾、json文件內(nèi)容如下，以login.json為例：
{
"access_token": "eyJh...",
"refresh_token": "eyJhbG...",
"flag": null
}
5拟赊、在main.js入口文件中引入mock數(shù)據(jù)刺桃，不需要時(shí)，則注釋掉吸祟。
import Vue from 'vue';
import App from './App';
import router from './router';
require('./mock'); //引入mock數(shù)據(jù)瑟慈，關(guān)閉則注釋該行
Vue.config.productionTip = false;
new Vue({
el: '#app',
router,
components: { App },
template: '<App/>'
});
6、在vue模板訪問(wèn)
<template>
<div class="hello">
</div>
</template>
<script>
import axios from 'axios'
export default {
data () {
return {
}
},
created(){
axios.get('/api/login').then((res)=>{
console.log(res);
}).catch((err)=>{
console.log(err);
});
}
}
</script>>
