

# CloudFront Functions のビューワーリクエストイベントで、ファイル名がないリクエスト URL に index.html を追加する
<a name="example_cloudfront_functions_url_rewrite_single_page_apps_section"></a>

次のコード例は、CloudFront Functions ビューワーリクエストイベントで、ファイル名がないリクエスト URL に index.html を追加する方法を示しています。

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

**CloudFront Functions の JavaScript ランタイム 2.0**  
 GitHub には、その他のリソースもあります。用例一覧と設定および実行方法については、[CloudFront Functions の例](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 デベロッパーガイドとコード例の詳細なリストについては、[AWS SDK での CloudFront の使用](sdk-general-information-section.md) を参照してください。このトピックには、使用開始方法に関する情報と、以前の SDK バージョンの詳細も含まれています。