TIL+36日目

今日は本当に...頑張って燃えました.
昨日クッキーでReduxログインを果たし、今日はAPIとのバインドを決意…!
チームメンバーのバックエンドにaxios接続して作成したSWAGを使用して、データを受信できますが、どんな値を入力してもログインできます...!だからこれは正常に作動しますか...?だから私はcsの勉強をしている人に聞いて、彼らは親切に私に自分のグループで使った方法を教えてくれました...!
https://reqres.in/
APIを受信すると簡単なユーザーまたは会員登録を実行できます!
ええ、でもAxiosはよく書けていると思います...お値段もいいですね.応答データが受信されませんでした.
しばらくハミングして、みんなの助けを得て、もとはid値とpwd値に“”を加えて、文字列でオブジェクトの中に送って、正しく値を伝達していません...
これは非常に基礎的な間違いですが、どこが間違っているのか分からないので、ちょっと恥ずかしいですが、、、
ログインが成功したことを確認した後、私たちのグループはログインミドルウェアを変更し、クッキーではなくlocalStorageにトークンを格納するようにログインすることを示しました.
localStroage.setItem("key",value)これで保存できるので使ったことがありますが、いつもエラーが発生します...

 .then((response) => {
        if (response.data.token) {
          const accessToken = response.data.token
          let token = window.localStorage.setItem('token', accessToken)

if文でトークンがあるときにItem~を設定して書けば正常に動作します.
しかしまたエラーエラーが発生しました...
その前にhistoty、pushを使用してdispatch後にページを移動しましたが、localStorageにはタグが格納されており、ページにジャンプするにはリフレッシュが必要です...まずはウィンドウズlocation.href=""を使用してリフレッシュと移動を行い、移動するたびにリフレッシュするのは効率的ではないようで、同じフロントチームのメンバーと面と向かっています.
1.ルーティングアドレスの変更->使用不可
2.UserSeletorを使用してステータス値を取得する->ログインを維持できません
3.2番をインポートしてUSEffectトークンを受け取り、ログイン動作をdispatch->成功!
これで解決できると思っていたのに...
user apiと連携して使用することにしたので、バックグラウンドスタッフが配置してくれました.
でも….原価は言えないのか...最初に404エラーが発生しましたが、これはフロントの問題です...!そして目に火をつけ、問題点を見つけた.
まずルーティングアドレスが無効で、変数名に誤字があります.値を渡すときに配列に渡し、カッコを削除します.
axiosの書き方は間違っていますか...?data typeなどを加えても応答がなくcatchエラーが発生しました.
私はマネージャーに助けを求めました.彼はこのような問題であれば、開発者ツールのネットワークラベルで確認できると言っています.
納品された値を確認し、エラーも確認...
でも直っても...?解決しなかった.今回から400 badconnectエラーが発生しました...
いったい何が問題なのか......?組員たちと悩んでいる時は救世主のように.バックグラウンドの技術マネージャーが来て、さっき見て、問題の所在を知っていると言って、一つ一つ解決しました.
フロントからバックグラウンドまでの値が超えやすいので、バックグラウンドで何か変なことがあったようで、コードを見たらすぐに問題に気づき、、、
何なのか分かりませんがニックネームとID値を一緒に設定しますか?やってくれと言ったサーバーもよくわかりません~
どうせ.問題点を見つけて、ほっとして、ログインしてテストして、結果はとても良いです!
妖怪を捕まえるために、みんな真夜中に集中して、大変でした...间违いを探しても面白いですね(もちろん解决しても面白いですが…)
GOUSERフロントは私が担当します...ちょっとびっくりしましたが、、、、
それ以外に今日もたくさん学びました...いつか整理しておきます.はずです