返回 HTML 页面

Recent Pages

返回 HTML 页面

最后更新时间：2024-01-25 14:28:10

使用边缘函数生成 HTML 页面，并在浏览器端访问预览该 HTML 页面。
示例代码
const html = `
  <!DOCTYPE html>
  <body>
    <h1>Hello World</h1>
    <p>This markup was generated by TencentCloud Edge Functions.</p>
  </body>
`;
﻿
async function handleRequest(request) {
  return new Response(html, {
    headers: {
      'content-type': 'text/html; charset=UTF-8',
      'x-edgefunctions-test': 'Welcome to use Edge Functions.',
    },
  });
}
﻿
addEventListener('fetch', event => {
  event.respondWith(handleRequest(event.request));
});
示例预览
在浏览器地址栏中输入匹配到边缘函数触发规则的 URL，即可预览到示例效果。
﻿
相关参考
Runtime APIs: addEventListener
Runtime APIs: Response
Runtime APIs: FetchEvent