配置调试环境

调试自定义代码需将 iPortal 中的地图大屏作为调试环境。因此，调试前，需执行如下配置步骤：

1. 在项目工程 build 目录下，打开 webpack.dev.conf.js 文件，修改 iportalUrl 变量值为您所使用的 iPortal 服务地址。如下所示：

const iportalUrl = 'http://localhost:8190/iportal';

2. 由于开发环境使用的端口和 iPortal 服务端口不一致，服务访问会存在跨域问题。请打开 【iPortal 产品包】/webapps/iportal/WEB-INF 目录下的 web.xml 进行如下配置：

<init-param>

  <param-name>cors.allowed.origins</param-name>

  <!-- 请将端口设置为开发环境使用的端口 -->

  <param-value>http://localhost:8080</param-value>

</init-param>

<init-param>

    <param-name>cors.support.credentials</param-name>

    <param-value>true</param-value>

</init-param>

调试代码

配置完调试环境后，在项目工程根目录下执行如下命令：

npm start

或

npm run dev

命令执行结束后，会自动在浏览器中打开调试环境访问地址 http://localhost:8080/md/index.html。在打开的界面左侧面板点击“组件”，在展开的面板中找到您开发的组件，将其拖拽到右侧面板，即可实时查看并调试修改组件代码。

 

注意：执行调试命令前，请确保 iPortal 服务已启动完毕，否则调试时会访问不到 http://localhost:8080/md/index.html。