模板示例-返回1个HTML页面_边缘安全加速(ESA)-阿里云帮助中心

边缘函数用于将轻量级静态站点直接托管至ESA边缘节点，可以帮助您的业务在降低源站服务器负载的基础上获得更低延迟的响应体验。接下来将为您介绍如何使用边缘函数返回1个HTML页面。

代码示例

实现效果：返回一个自定义HTML页面
语言类型：JavaScript

代码示例：

// 预定义HTML模板：以显示文字 Hello World 为例
// 您可以根据需要来替换html变量中的 HTML代码 
const html = `<!DOCTYPE html>
<body>
  <h1>Hello World</h1>
</body>`

async function handleRequest(request) {
  return new Response(html, {
    headers: {
      "content-type": "text/html;charset=UTF-8",
    },
  })
}

export default {
  async fetch(request) {
    return handleRequest(request);
  }
};

部署效果

通过在浏览器中访问边缘函数绑定的指定函数或您配置的特定路由地址，可查看到内容为Hello World的HTML页面。