Skip to content
On this page

小组件进行以下调整

组件问题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);

如有转载或 CV 的请标注本站原文地址