@mx-admin/placement v0.0.1-rc.4

@mx-admin/placement

配置中心前端模組

Get Started

1. 安裝項目 @mx-admin/core、@mx-admin/placement

$ yarn add @mx-admin/core @mx-admin/placement

2. Global Configuration 需執行 AdminCore.config，請參考 @mx-admin/core 文件。

以運營後台為範例，需配置 serviceHost 與 env.DEPLOY_ENV 、env.OSS_PORTAL_DOMAIN 選項

// src/layouts/index.js

import { AdminCore } from '@mx-admin/core';
import { getEnv } from '@/utils/getEnv';

AdminCore.config({
  env: {
    DEPLOY_ENV: getEnv('DEPLOY_ENV'),
    OSS_PORTAL_DOMAIN: getEnv('OSS_PORTAL_DOMAIN'),
  },
  serviceHost: '/operation-service',
});

3. Placement Configuration 以及嵌入組件 需配置 configs 以及 customizations、引用配置中心 less 檔案並使用 PlacementEntry component。

以運營後台架構為範例：

// src/pages/placement
import { PlacementEntry, PlacementCore } from '@mx-admin/placement';
import configs from './configs';
import customizations from './customizations';
import { richEditorConfig } from './_config';
import '@mx-admin/placement/dist/index.less';

PlacementCore.config({
  configs: configs,
  customizations: customizations,
  serviceHost: '/operation-service',
  richEditorConfig,
});

export default PlacementEntry;

Config Options

configs

配置中心的 config 檔內容

customizations

配置中心各 config 的客製化內容

serviceHost

api 請求路徑。選填。預設為 AdminCore 配置的 serviceHost

richEditorConfig

富文本編輯器相關配置

i18n

配置中心要使用的 i18n 實例。選填。預設為 AdminCore 使用的 i18n 實例。可以與 AdminCore 配置不同實例。

Implementation

請參考配置中心使用文件