复用的公共函数编写到工具类中，也可以将一些npm包引用到工具类中，供后续调用。 工具类是应用级别的，即引入之后，即可在该应用下任意页面中进行调用 添加function工具类 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端开发平台 > 前端应用”。

查看更多 →

CDN使用自有证书 规则详情 表1 规则详情 参数 说明 规则名称 cdn-use-my-certificate 规则展示名 CDN使用自有证书 规则描述 CDN使用了自有证书，视为“不合规”。 标签 cdn 规则触发方式 配置变更 规则评估的资源类型 cdn.domains 规则参数

查看更多 →

使用Vue应用部署模板创建并部署应用 在主机上部署Vue框架的web服务，并启动该服务。 请确认目标主机已安装Nginx，若已安装请移除模板中“安装Nginx”步骤。 该模板涉及的部署步骤如下所示： 安装Nginx 下载软件包 解压软件包 启动Nginx 重载Nginx配置文件 服务启动测试

查看更多 →

CDN使用HTTPS证书 规则详情 表1 规则详情 参数 说明 规则名称 cdn-enable-https-certificate 规则展示名 CDN使用HTTPS证书 规则描述 CDN未使用HTTPS证书，视为“不合规”。 标签 cdn 规则触发方式 配置变更 规则评估的资源类型

查看更多 →

rce元素中使用的资源类型。 表3 CDN支持的资源类型 资源类型 URN domain cdn::<account-id>:domain:<domain-name> 条件（Condition） CDN服务不支持在SCP中的条件键中配置服务级的条件键。CDN可以使用适用于所有服务的全局条件键，请参考全局条件键。

查看更多 →

v1.1 ./Dockerfile 配置私服 使用缓存 图2 构建步骤1 图3 构建步骤2 图4 构建步骤3 图5 参数设置 前端应用CD流水线 图6 部署步骤1 图7 部署步骤2 前端应用访问 nodePort暴露服务 安全组放开端口 图8 入方向规则 父主题： 实施步骤

查看更多 →

使用华为云CDN 备案场景 本节介绍网站使用华为云CDN做内容分发加速，且网站 域名 解析至中国大陆节点 服务器 的网站备案场景。 如图1所示： ① 企业A在华为云CDN添加加速域名（www.picture.example.com），为网站中的图片进行加速处理。 ② 用户通过网站域名（www

查看更多 →

系统权限。 示例流程 操作流程如图1所示 图1 操作流程 创建用户组并授权 在IAM控制台创建用户组，并授予CDN加速域名只读权限“CDN DomainReadOnlyAccess”。 创建用户并加入用户组 在IAM控制台创建用户，并将其加入1中创建的用户组。 用户登录并验证权限

查看更多 →

在设备维修管理应用的设计页面，单击下方的“设置 > 配置”。 图2 选择配置 在“高级设置”页签中，取消勾选“页面组件的渲染框架由Vue2升级为Vue3”开关。 图3 取消选中 父主题： 创建应用

查看更多 →

内容分发网络CDN接入LTS 支持内容分发网络CDN日志接入LTS，具体接入方法请参见实时日志。 父主题： 使用云服务接入LTS

查看更多 →

在左侧导航栏中，选择“设置”，进入应用设置页面。 在菜单栏中，选择“高级设置”。 在“兼容性设置”页签中，开启“页面组件的渲染框架由Vue2升级为Vue3”开关。 图1 高级设置 当前版本的高级页面中，提供了Vue2和Vue3两种框架的组件，如果需要使用Vue2框架的组件，需要关闭“页面组

查看更多 →

设计器。 在左侧插件栏中，单击，展开物料资产包。 在物料资产包中选择按钮组件，并拖拽至中心画布中。 添加npm utils 在左侧插件栏中，单击，展开资源管理页面。 单击，进入添加工具类页面。 工具类型选择“npm”。 参考表1配置工具类的参数。 表1 参数说明 参数 示例 名称

查看更多 →

create my-app 选择Vue3。 图1 选择Vue3 运行项目。 npm run serve 图2 项目目录 图3 访问页面 卡片封装，新建package文件夹。 图4 新增package包 添加样例组件DemoCard.vue，添加任意样例代码如下： <template>

查看更多 →

使用Npm构建 使用Npm工具管理软件包，可以完成vue和webpack的构建。 图形化构建 在配置构建步骤中，添加“Npm构建”构建步骤，可参考表1配置参数。 表1 Npm构建参数说明 参数 说明 步骤显示名称 构建步骤的名称，可自定义修改。 支持中文、英文、数字、“-”、“_”、英文逗号、英文分号、英文冒号、“

查看更多 →

。 操作步骤 登录华为云控制台，在控制台首页左上角选择“服务列表 > CDN与智能边缘 > 内容分发网络 CDN”。 单击“前往开通”，进入服务开通界面。 选择您的计费方式，勾选服务协议，单击“立即开通”。 图1 选择计费方式

查看更多 →

CDN回源方式使用HTTPS 规则详情 表1 规则详情 参数 说明 规则名称 cdn-origin-protocol-no-http 规则展示名 CDN回源方式使用HTTPS 规则描述 CDN回源方式未使用HTTPS协议，视为“不合规”。 标签 cdn 规则触发方式 配置变更 规则评估的资源类型

查看更多 →

后效果如下图所示。 图6 修改main.js文件 开发完成后，执行构建，例如，使用VSCode执行npm run build命令进行构建。 如果执行命令时提示找不到，请先使用“npm install”安装依赖。 构建完成后将在本地生成压缩包，即开发完成的组件物料包。 图7 执行构建

查看更多 →

现效果如图1、图2。 图1 中文环境下显示效果 图2 英文环境下显示效果 功能实现方法 下载组件模板。 进入AstroZero服务控制台。 在主页中，单击“进入首页”，进入AstroZero应用开发页面。 单击，选择“环境管理 > 环境配置”，进入环境配置。 在主菜单中，选择“维护”。

查看更多 →

适用于内容分发网络（CDN）的最佳实践 该示例模板中对应的合规规则的说明如下表所示： 表1 合规包示例模板说明 合规规则 规则中文名称 涉及云服务 规则描述 cdn-enable-https-certificate CDN使用HTTPS证书 cdn CDN未使用HTTPS，视为“不合规”

查看更多 →

CDN预热 功能介绍 媒资发布后，可通过指定媒资ID或URL向CDN预热。用户初次请求时，将由CDN节点提供请求媒资，加快用户下载缓存时间，提高用户体验。单租户每天最多预热1000个。 调试 您可以在 API Explorer 中调试该接口，支持自动认证鉴权。API Explorer

查看更多 →

在“高级设置”中，取消勾选“页面组件的渲染框架由Vue2升级为Vue3”开关。 图6 取消选中 在应用设计器中，选择“界面”，单击高级页面后的“+”，新建一个高级页面。 单击，从“全部 > 自定义”中拖拽widget_demo_mintui组件到右侧画布中。 图7 拖拽组件到画布中 单击

查看更多 →