データ通信 セグメントのエラー

Question

データを取得(get)の処理をaxiosを使っていたのですがswrに書き換えてgetの通信をしてみました。
そしたら401エラーになりNot enough or too many segments"というメッセージがコンソールに表示されました。
セグメントのエラーというのはどういうものなのでしょうか？
修正したいのですがセグメントエラーがどういうものなのかがわからず困っています。
わかる人いましたらご教授お願いしたいです。

開発環境はnext.js Typescriptを使っています。
以下のコードがaxiosからswｒを使った処理に書き換えたコードです。

import useSWR from 'swr';
import { Axios } from './axios';

const token = ***********************
const lang = 'jp';

export const useUserList = (id: number) => {
  const path = `/list/${id}`;

  const fetcher = (url, params) => {
    Axios.get(url, {
      params: { lang: params.lang },
      headers: { Authorization: `Bearer${params.token}` },
    }).then((res) => res.data);
  };
  const { data, error } = useSWR(
    [path, { params: { token, lang } }],
    fetcher
  );
  return {
    user: data,
    isLoading: !error,
    isError: error,
  };
};

Comments

[maai]

> データを取得(get)の処理をaxiosを使っていたのですがswrに書き換えてgetの通信をしてみました。

ということはaxiosでは動いていたんですよね
そのコードを貼ることはできますでしょうか

Answer 1

401なのでaxiosやswrは関係なく認証エラーだと思います。
対象となるAPIの仕様が不明なのであくまで推測ですが、Bearerの後にスペースを開けていないとかその辺りを見直すといいと思います。

// NG
// headers: { Authorization: `Bearer${params.token}` },
// OK
headers: { Authorization: `Bearer ${params.token}` },

Comments

[退会済みユーザー]

スペース開けてみましたが変わりませんでした