vue-cli3 中 pont 的使用（持续更新中）

快速流程准备：

1，在 vscode 中安装 vscode 插件 pont 以获取 pont 的全部能力；

2，全局安装 pont-engine  ：

// npm

npm i -g pont-engine

// 或yarn

yarn global add pont-engine

3，在你的项目中运行 pont start 命令，按照提示输入配置即可。配置成功后，项目中自动生成pont-config.json文件和services文件夹（接口数据）以及mock.ts文件

pont-config.json

services文件夹

pont的优势以及具体有哪些用法可访问GitHub - alibaba/pont: 数据服务层解决方案

遇到的坑以及解决方案：

1，启动项目时，报错如下图：

解决：因为vue-cli3默认禁止了commonJs语法，导致exports报错未定义。可以在 babel.config.js文件中添加如下代码：

babel.config.js

2，请求接口状态码为200，前端查看传参没有发现问题，但是返回的data为null。询问后台开发后，是后台没有接收到参数。
仔细查看后发现，请求头中content-type有问题

解决：在services文件夹中找到对应的接口js文件，手动设置一下请求头为headers:{"Content-Type":"application/json"}即可~