EJSでaxiosを使用

EJSでaxiosを使用
- 1. Axiosをインストール
- 2. EJSファイルにスクリプトを埋め込む

EJSでAxiosを使用するためには、フロントエンドでJavaScriptコードを組み込む必要があります。
以下の手順で実装が可能です。

1. Axiosをインストール

まず、Axiosをインストールします。
Node.jsの環境であれば、以下のコマンドを使用します。

npm install axios

2. EJSファイルにスクリプトを埋め込む

EJSテンプレート内で、スクリプトタグを使ってAxiosを呼び出します。
以下のように記述します。

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>Axios with EJS</title>
</head>
<body>
    <h1>AxiosとEJSの使用例</h1>

    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    <script>
        axios.get('/api/endpoint')
            .then(response => {
                console.log(response.data);
                // 必要に応じてHTMLにデータを反映
            })
            .catch(error => {
                console.error('エラーが発生しました:', error);
            });
    </script>
</body>
</html>