Appearance
小组件进行以下调整
组件问题NO1
问题所在:由于目前的功用config.js比较混乱,测试和部署人员第一次接触时感到混乱
解决办法:每个组件打包出去的时候独自带有配置config.js,里面包含各自组件所需的URL(目录如下所示),主要接口尽量使用 API_DEFAULT
组件目录(以组件data-list为例)
├── home
│ ├── index.vue
│ ├── style.less
├── elsePage
│ ├── index.vue
│ ├── style.less
├── App.vue
├── config.js // 暴露出去的URL地址
├── index.html
├── RESTFULLURL.js // 组件接口文件
├── README.md // 暴露出去的URL地址进行解释
├── router.js
└── view.js
RESTFULLURL.js文件如下(由于用的是require,所以一定要用module.exports)
module.exports = { "getRealRanking": "/get_real_ranking" // 数据榜单 }
config.js文件如下
window.LOCAL_CONFIG = { CUSTOMER_SIGN: 'tpy', API_DEFAULT: 'http://iseedemo.yjifs.com/' };
README.md文件如下
CUSTOMER_SIGN: 客户标识,用于区分券商,方便开发定制化的功能,财富就是cf,中银就是zy API_COMPONENTS:更改url地址,针对不同环境更改不同的地址
组件问题NO2
问题所在:由于中台的接口tools,iseedemo为tools/tools,生产的时候又用smalltools/tools,并且tools是可配置的
解决办法:所以我们的api.js接口,都不加tools(以下为示例)
// 定增掘金
"getRealRanking": "/get_real_ranking" // 数据榜单
'GoldPlanSecondInfo': '/get_private_placement_complete_list', // 定增完成列表
'GoldPlanThirdInfo': '/get_private_placement_plan_leading', // 定增案优选列表
组件问题NO3
问题所在:constant.js进行整理
解决办法:大家尽量使用default,就是接口请求的时候不写prefix
组件问题NO4
问题所在:router.js由于会有很多公用的router,所以提取出来,对行情和无网络页面做统一跳转
解决办法:代码如下,ruuter加入公共跳转
import Vue from 'vue';
import Router from 'vue-router';
import publickRouter from '@publickRouter';
Vue.use(Router);
const routes = [
{
path: '/home',
name: '数据榜单',
component(resolve) {
require(['@views/data-list/home'], resolve);
},
meta: {
keepAlive: true
}
},
{
path: '*', redirect: '/home'
}
].concat(publickRouter);