检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
不通过。那怎么保持本地环境和线上保持一致呢？ Vue CLI的本地代理功能，在配置文件devServer.proxy中配置反向代理，这种方式最好弄一个网站作为中介代理，开发的时候只需要修改网站上的配置，本地服务不用重复启动。 自己搭建Nginx反向代理，效果同上。 后端接口设置A
开发流程 编写卡片的工作流程如下： 图1 开发流程 创建一个新的工程目录。 使用Vue CLI脚手架创建Demo前端工程，能够自动创建一个简单的样例工程，在此基础上开发能够减少很多繁琐的工作。 编写构建Vue前端组件。 可以把功能或者需求类似的有机体封装成一个业务组件，并对外暴露接口
AUI为内部开源使用，外部无法访问，底层逻辑使用Vue组件暴露封装，因此在不使用AUI情况下，通过原生Vue CLI脚手架搭建组件库形式暴露卡片组件，也能够正常使用。 开发过程 准备工作中已经正常安装了Vue CLI脚手架，因此可以快速搭建Vue项目。 初始化Vue项目。 vue create my-app
如果安装成功，应该可以看到npm的版本号。 安装Vue CLI Vue CLI是Vue.js的脚手架工具，可以帮助我们快速创建Vue.js应用。要使用它，我们需要先安装它。 在命令行中输入以下命令来安装Vue CLI： npm install -g @vue/cli 这个命令会全局安装Vue CLI，所以安装
整体卡片管理功能权限受控，应当由具备管理员权限的账号进行统一管理维护，普通账号无权限进行操作。 上传卡片 访问CraftArts IPDCenter门户网站，登录管理员账号，点开左上角功能扩展按钮，进入管理中心。 图1 进入管理中心 绑定应用。 进入管理中心，选择“集成管理 > 应用集成”，单击“添加应用”。
因为子应用的资源和接口的请求都在主域名发起，所以会有跨域问题，子应用必须做跨源资源共享（CORS）设置，可参考以下两种常见的设置方式： 如果服务器应用是基于Express框架搭建的，那么可以通过定义中间件来实现相关设置。 app.use((req, res, next) => { // 路径判断等 res.set({
尽量用最小的代码实现卡片功能，例如： 优先考虑使用公共资源。 使用构建工具对代码进行压缩混淆。 持续重构，改善代码质量。 打包时排除vue、axios。 卡片访问的集成应用服务需要开启https协议。 父主题： 外部无AUI依赖开发示例
调试工具 Vue Devtools是一个专为Vue.js开发者设计的浏览器扩展。它提供了一系列强大的功能，帮助开发者更容易地调试和优化他们的Vue应用程序。 Vue Devtools 以下是Vue Devtools的主要特点和功能： 组件树查看：允许用户查看完整的Vue组件层次结
组件是低代码开发的构建块，就像积木一样。它们是可重复使用的小部件，可以轻松搭建和管理网页。例如，按钮、导航栏和表单都可以是组件。这有助于您快速搭建网站。 下面介绍如何在UI编辑页面使用组件，实现流程页面快速搭建。 物料插件介绍 物料插件分为模板和组件。 模板：由许多基础组件构成的一
据，用户可以根据需要删减指标卡片，调整指标卡片位置；系统也可以根据User Profile动态推送内容。 工作原理 组件化开发思想 采用Vue.js的组件化开发思想，将整体功能模块包装成一个个独立且可复用的组件，独立维护自身的状态及样式，更好地隔离多方合作伙伴的不同诉求，提升代码的可维护性。
容器可能销毁，但webcomponent依然可以选择保留，这样等应用切换回来将webcomponent再挂载回容器上，子应用可以获得类似vue的“keep-alive”的能力。 通信机制 承载子应用的“iframe”和主应用是同域的，所以主、子应用天然就可以很好的进行通信，我们提供三种通信方式：
_yjwJ2kC7Xikdk38Zx946ZNB32jdfWbJDZoUnL2v3_T3KThW21huLgB 将上面的token在jwt网站（https://jwt.io/）上进行解析，可以看到具体的内容信息，如下： 图3 解析内容 密钥 上面的token在签名时需要用到一个密
弹性公网IP访问Internet。 SNAT功能 内容分发网络（Content Delivery Network，CDN） 通过CDN实现网站图片的缓存和加速能力，缩短了用户查看内容的访问延迟。 图片缓存和加速能力 父主题： CraftArts IPDCenter产品介绍
通过Redis缓存SIM服务热点数据，提升访问效率。 热点数据加载、访问 内容分发网络（Content Delivery Network，CDN） 通过CDN实现网站图片的缓存和加速能力，缩短了用户查看内容的访问延迟。 资源缓存、加速 企业主机安全（Host Security Service，HSS） 通过HSS构筑SIM
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
