公共头开发打包说明

install dependencies

npm install

开发环境

npm start

打包命令

npm run build

API

| 参数 | 说明 | 类型 | 默认值 | |----------- |--------------------------------------------------------- | ---------- |-------| | productName | 必选参数，项目名称，用来匹配logo图片 ke、mdm | String | 无 | | productHeaderId | 必选参数，eap接口获取项目头部数据对应id | String | 无 | | productLogo | 可选参数，header左侧logo图片，ke和mdm有默认图片，可以不做配置。 | String | 无 | | eap_url | 可选参数，eap接口根地址 | String | /eap/ | | file_url | 可选参数，文件服务接口根地址 | String | /eap/ | | ke_web_url | 可选参数，ke web服务接口根地址 | String | /ke-web/ |

后台自定义logo

可以在后台菜单配置最顶层添加图片

react组件方式调用示例

import Header from 'common-header';

const productName = 'ke';
const productHeaderId = '6';

const initConfig = typeof globalInitConfig === "object" ? globalInitConfig : {};

ReactDOM.render(
  <Header productName={productName} productHeaderId={productHeaderId} {...initConfig} />,
  document.getElementById('sysware-common-header')
);

非react组件方式调用示例

引用dist目录下对应文件

<script>
    var headerConfig = {
        productName: 'mdm',
        productHeaderId: '2-30',
        productLogo: './logo-conf.png'
    }
</script>
<link href="common-header.css" rel="stylesheet">

<div id="sysware-common-header"></div>
<script type="text/javascript" src="common-header.js"></script>