xunyidi-cloud-document

此组件使用的是 rollup.js 模块打包器打包为一个独立的组件,

此组件是查看文档的react组件,为解决多个项目都需要用到用一个功能模块问题，独立出的一个模块,可以在不同的项目中使用， 如需引用此组件需引入下方依赖资源,此外还需要在你的 项目根目录里添加文档预览文件

以客户端举例

{
  "antd": "^4.23.2",
  "axios": "^0.27.2",
  "jquery": "^3.6.1",
  "react": "^18.2.0",
  "react-color": "^2.19.3",
  "react-router-dom": "5.2.0"
}

react版本必须在17.0.2或17.0.2以上 当前我使用的是react18.2.0

引入

 npm i xunyidi-cloud-document

使用

    import {RoutePage} from "xunyidi-cloud-document";
    import "xunyidi-cloud-document/lib/bundle.css"

    const address=`${http}://${hostIp}:${port}`
    
    const headers={
        headers:{
            'Content-Type': 'application/json',
            "Authorization":token
        }
    }
    
    <Content className={"cloud-document-container"}>
        <RoutePage
            requestUrl={address}
            headers={headers}
            parentPath={"/app"}
        />
    </Content>

说明:

requestUrl

当前组件是请求公司内部接口
requestUrl为:组件内部网络请求地址: 例如:http://192.168.0.41:30082

parentPath

当前组件是路由形式切换页面，所以使用组件需传入你当前环境的跳转路径,比如你需要在名为 "/app" 路径页面环境下使用组件, 则parentPath必须为 "/app" ,否则组件将无法正常显示,组件内部是如下使用parentPath

    //传入parentPath的值为:"/app"
    //组件内部path为:"/app/***"
    <Route path={`/app/***`} component={Component} />
    <Route path={`/app/***`} component={Component} />
    //...

headers:

为组件内容网络请求请求头:

    const headers={
        headers:{
            'Content-Type': 'application/json',
            "Authorization":window.util.getState("userMsg").token
        }
    }

##内容