# 添加 index.html，以便在 CloudFront Functions 查看器请求事件中请求不带文件名的 URL
<a name="example_cloudfront_functions_url_rewrite_single_page_apps_section"></a>

以下代码示例演示了如何添加 index.html，以便在 CloudFront Functions 查看器请求事件中请求不带文件名的 URL。

------
#### [ JavaScript ]

**适用于 CloudFront Functions 的 JavaScript 运行时 2.0**  
 查看 GitHub，了解更多信息。查找完整示例，并了解如何在 [CloudFront Functions examples](https://github.com/aws-samples/amazon-cloudfront-functions/tree/main/url-rewrite-single-page-apps) 存储库中进行设置和运行。

```
async function handler(event) {
    var request = event.request;
    var uri = request.uri;
    
    // Check whether the URI is missing a file name.
    if (uri.endsWith('/')) {
        request.uri += 'index.html';
    } 
    // Check whether the URI is missing a file extension.
    else if (!uri.includes('.')) {
        request.uri += '/index.html';
    }

    return request;
}
```

------

有关 AWS SDK 开发人员指南和代码示例的完整列表，请参阅 [将 CloudFront 与 AWS SDK 配合使用](sdk-general-information-section.md) 本主题还包括有关入门的信息以及有关先前的 SDK 版本的详细信息。