[laravel]guzzleで外部WebAPIにリクエストを送る時の設定

laravel5.8,axios,vue.js(vuex)で楽天ブックスWebAPIに検索クエリを送り、本の情報を取得する機能を実装しています。

composerからguzzleというHTTPリクエストを送るライブラリ、
非同期通信を行えるフロントライブリaxiosを使って情報を取得したいのですが、

Error: Request failed with status code 500
    at createError (app.js:665)
    at settle (app.js:911)
    at XMLHttpRequest.handleLoad (app.js:178)

というエラーが補足されて
検索結果が取得できません。

以下、実装の手順をお見せします。

viewにinputを設置入力された値を元にaxiosのGETメソッドでパラメータを渡し、laravel側の楽天ブックスへリクエストを送るアクションを実行
・store/index.js

        async doSearch({ commit }, queryWord) {
            const that = this;
            console.log("送信するんだよ");
            const qs = queryWord;

            await axios
                // API\BookController@indexに繋ぐ
                .get("/book", {
                    params: {
                        title: qs
                    }
                })
                .then(response => {
                    console.log("成功したんだよ");
                    console.log("検索ワード:" + qs);
                    console.log("結果はコレだよ:" + response);
                    console.log(response);
                    // mutationsを呼び、storeと同期する
                    commit("setBooks", response.data);
                    const data = response.data.Items;
                    // commit("setBooks", data);
                })
                .catch(function(error) {
                    console.log("エラーが出たんだよ");
                    console.log(error);
                });
        }

・laravel側のルーティング

Route::apiResource('/book', 'API\BookController');

・BookControllerのindexアクション($idを使わない&GETなのでindexアクションを使用)

    public function index(Request $request)
    {
        $key_word = $request->input('title');

        // ※アクションが返ってくるか確認
        // return response()->json($key_word);


        ////// WebAPI接続

        // 取得件数
        $limit = 10;
        // アプリケーションID(config/services.php/rakuten/api.keyを読み込む)
        $api_key = config('services.rakuten.api_key');
        // 通信方法
        $method = "GET";

        // Base URL
        $url = "https://app.rakuten.co.jp/services/api/BooksBook/Search/20170404";

        // リクエストインスタンス生成
        $client = new Client();

        // GETで楽天ブックスへ通信
        $response = $client->request($method, $url, [
            'query' => ['format' => 'json'],
            'query' => ['formatVersion' => '2'],
            'query' => ['sort' => 'standard'],
            'query' => ['element' => 'title,author,itemPrice,itemCaption,isbn,salesDate,largeImageUrl,booksGenreId,affiliateUrl'],
            'query' => ['title' => $key_word],
            'query' => ['hits' => $limit],
            'query' => ['applicationId' => $api_key]
        ]);
        return $response;
    }

・オプションのクエリについて
オンラインエディター上でフロント(axios)から直接WebAPIを叩いて情報を取得できていたので、無効なクエリを送ってはいません。

リクエストのオプションについてはguzzleのオフィシャルとブログ記事を参考に書きました。
公式のQuery String Parametersの箇所

今時のPHP HTTPクライアントのGuzzleを使ってみた

また、index内のアクション中にある。
「※アクションが返ってくるか確認」という箇所のコメントアウトを解除するとレスポンスが返ってくるのも確認しました。