使用mock数据进行开发

核心思想：webpack中使用代理，访问本地的mock数据

API参考：https://webpack.docschina.org/configuration/dev-server/#devserver-proxy

API如下：

mock文件如下：使用CommonJS规范，首先需要判断请求的方法，是GET还是POST

vue.config.js如下

req这个参数里面，可以拿到path，method属性

遇到的问题：

1、这里如果去更改mock文件里面的res数据，不手动去清除缓存的话，数据不会生效（默认读取缓存），所以需要去手动清除缓存。

2、方面联调。在package.json中增加配置，运行npm run serve就是使用自己mock的数据；运行npm run serve:no-mock就是连接真实的接口。所以在vue.config.js中增加一个判断就可以。（cross-env是windows的处理，需要npm i cross-env，mac不用加）