🐿 axiosの使い方で分からなかった箇所【GET・パラメータを渡す】
作成日: 2021/12/22
2

背景

axiosのGET通信でパラメータを渡せるようで、書いてみたが、何のために使うのかが謎。。。

参考記事

・[フロントエンド] axiosライブラリを使って、柔軟にHTTP通信を行う
GET通信(パラメータ付き)
https://www.yoheim.net/blog.php?q=20170801

手順

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<body>
    
    <script>
        axios({
            methods: 'GET',
            url: 'https://jsonplaceholder.typicode.com/todos/1',
            params: {name: 'axios'}
        })
        .then(function(res) {
            console.log(res)
        })
        .catch(function(err) {
            console.log('エラーが発生しました')
        })
        .finally(function(res) {
            console.log('finally')
        })
    </script>
</body>
</html>

一言

変数resの中を確認すると、configプロパティの中の、paramsプロパティに{name: 'axios'}が格納されていたが、どのように使うのか?

スクリーンショット 2021-12-23 午前8.32.52.jpg


事業会社にてコーダーをしています。制作は6年目。 インプットしたことをアウトプットしています。