安装Mock.js
cnpm i mockjs -S
在src下新建mock/index.js
mock/index.js
import Mock from 'mockjs';
Mock.setup({
timeout: 2000 //2000为自钉子模拟延迟时间,可更改
//timeout: '200-2000', //横杠 '-' 风格的字符串,表示响应时间介于 200 和 2000 毫秒之间。
});
//第一个参数为需要模拟的API接口地址,第二个参数为模拟返回的数据结果对象
Mock.mock('http://www.xxx.com/api', {msg: 'From mockjs.'});
Mock.mock('http://www.xxx.com/api2', {msg: 'From mockjs too.'});
main.js中添加代码
//...
Vue.config.productionTip = false
//若测试环境,则引入mock
if (process.env.NODE_ENV === 'development') require('./mockjs/index');
new Vue({
router,
store,
render: h => h(App)
}).$mount('#app');