运营后台优化
问题
- 每次写http请求时都得加前缀：
2.每次写请求都得加error handler
3.没有mock环境
mock工具选择
之前使用小幺鸡，不过小幺鸡只有文档管理功能，而且功能不全。
对比了以下几款工具，最后选择了yapi：
1.nei，网易开发，功能较为复杂，有页面、工程模板等概念，会增加理解难度，不开源
2.easy mock，大搜车团队开发，只支持mock，不支持接口文档管理
3.swagger，文档书写体验不太好，英文，对大家来说上手麻烦
4.yapi，去哪儿开发，功能齐全但不冗余，容易上手，开源项目，团队维护积极，可以自己部署
yapi演示
有啥好处？
对服务端没好处
对前端和测试有好处
前端 接口文档和mock统一了
测试 可以方便地进行接口自动化测试
后端调整
1.运营后台新接口以/api开头（或者其它标识符）， 用于标识新接口，以便前端本地代理识别。不用改之前的接口。
2.弃用小幺鸡，在yapi上录接口（暂时没时间搭服务器，可以先放在官方网站，之后可以导出数据）
后面是前端部分
问题
- 每次写http请求时都得加前缀：
2.每次写请求都得加error handler
3.没有mock环境
解决方法
增加axios实例
开发在feature/project_optimize_lzy_20181105，等下个迭代开始开发的时候合过去
axios实例
// new axios instance
const inst = axios.create({
// 如果是本地开发模式，则不需要添加baseURL，否则需要
baseURL: process.env.NODE_ENV === 'production' ? process.env.__SERVICE__ : ''
});
...
inst.interceptors.response.use(function (response) {
return response.data;
}, function (error) {
Message.error(errorHandler(error));
return Promise.reject(error);
});
export default inst;
yapi cors问题
// webpack.mock.conf.js
devServer:{
proxy:{
'/api':{
target:'xxx.path/to/yapi',
changeOrigin: true
}
}
}前端调整
1.新接口全部使用this.newhttp请求，不再需要加url前缀，不再需要加error handler
2.引入mock环节，npm run mock
前端本地环境
mock环境：老接口使用开发环境数据，新接口使用mock数据
dev环境：新老接口皆使用开发环境数据
运营后台优化
By Jared Liu
