質問編集履歴

リクエストヘッダーを追記しました。

2022/06/05 22:19

投稿

kiyomasa

スコア40

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -197,3 +197,90 @@
 同様にrailsの他のcurrent_userを使うメソッドでエラーが出ています。
 （原因は同じだと思われます）
+### 追記
+loginメソッド（初回ログイン）時のリクエストヘッダー
+```
+リクエスト URL: http://localhost:3000/api/v1/login
+リクエスト メソッド: POST
+ステータス コード: 200 OK
+リモート アドレス: [::1]:3000
+参照ポリシー: strict-origin-when-cross-origin
+Access-Control-Allow-Credentials: true
+Access-Control-Allow-Methods: GET, POST, PUT, PATCH, DELETE, OPTIONS, HEAD
+Access-Control-Allow-Origin: http://localhost:3001
+Access-Control-Expose-Headers
+Access-Control-Max-Age: 7200
+Cache-Control: max-age=0, private, must-revalidate
+Content-Type: application/json; charset=utf-8
+ETag: W/"a2d15844da7ee30a59563aa8ba15c96b"
+Referrer-Policy: strict-origin-when-cross-origin
+Set-Cookie: _session_id=3sELA%2Ft%2BfW%2FtPZp30qki34bqKxl9O2YMpndIajOsR7ldUYouceOFC4srRNK%2BMo3Hs89zMnBsATw%2B3bDKV1W1dZL9BEbDNOkgPTQowMAAZ0ekRTzjuTHATJMasqSaInXoX50xULu%2BONMO%2FEYecfgpoGvDYKu9EgxX1RnO6Sj6t4R6%2BTg92%2BYH5eojmKTvRQqtJPcjW4a3XFess70RxzBLPho2giFIBIM%3D--j4R2F%2BRxIz0kVE6v--G%2FbF78BFI9eF8yT1E3yvcQ%3D%3D; path=/; HttpOnly; SameSite=None
+Transfer-Encoding: chunked
+Vary: Origin
+X-Content-Type-Options: nosniff
+X-Download-Options: noopen
+X-Frame-Options: SAMEORIGIN
+X-Permitted-Cross-Domain-Policies: none
+X-Request-Id: 5c7c3820-d14c-42e6-960f-97f9801cc508
+X-Runtime: 0.435988
+X-XSS-Protection: 1; mode=block
+Accept: application/json, text/plain, */*
+Accept-Encoding: gzip, deflate, br
+Accept-Language: ja,en-US;q=0.9,en;q=0.8
+Connection: keep-alive
+Content-Length: 59
+Content-Type: application/json
+Host: localhost:3000
+Origin: http://localhost:3001
+Referer: http://localhost:3001/
+sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="101", "Google Chrome";v="101"
+sec-ch-ua-mobile: ?0
+sec-ch-ua-platform: "macOS"
+Sec-Fetch-Dest: empty
+Sec-Fetch-Mode: cors
+Sec-Fetch-Site: same-site
+User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.64 Safari/537.36
+```
+logged_inメソッド（認証確認）のリクエストヘッダー
+```
+リクエスト URL: http://localhost:3000/api/v1/logged_in
+リクエスト メソッド: GET
+ステータス コード: 200 OK
+リモート アドレス: [::1]:3000
+参照ポリシー: strict-origin-when-cross-origin
+Access-Control-Allow-Credentials: true
+Access-Control-Allow-Methods: GET, POST, PUT, PATCH, DELETE, OPTIONS, HEAD
+Access-Control-Allow-Origin: http://localhost:3001
+Access-Control-Expose-Headers
+Access-Control-Max-Age: 7200
+Cache-Control: max-age=0, private, must-revalidate
+Content-Type: application/json; charset=utf-8
+ETag: W/"3c03e572d8a333aa7c5f90cfc90172d5"
+Referrer-Policy: strict-origin-when-cross-origin
+Vary: Origin
+X-Content-Type-Options: nosniff
+X-Download-Options: noopen
+X-Frame-Options: SAMEORIGIN
+X-Permitted-Cross-Domain-Policies: none
+X-Request-Id: 2bb9d371-3fa9-4555-8f03-68e0359772e9
+X-Runtime: 0.330237
+X-XSS-Protection: 1; mode=block
+Accept: application/json, text/plain, */*
+Accept-Encoding: gzip, deflate, br
+Accept-Language: ja,en-US;q=0.9,en;q=0.8
+Connection: keep-alive
+Host: localhost:3000
+If-None-Match: W/"3c03e572d8a333aa7c5f90cfc90172d5"
+Origin: http://localhost:3001
+Referer: http://localhost:3001/
+sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="101", "Google Chrome";v="101"
+sec-ch-ua-mobile: ?0
+sec-ch-ua-platform: "macOS"
+Sec-Fetch-Dest: empty
+Sec-Fetch-Mode: cors
+Sec-Fetch-Site: same-site
+User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.64 Safari/537.36
+```

Cookie Ruby on Rails 6 React.js

別のエラーについて追記

2022/06/05 13:15

投稿

kiyomasa

スコア40

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -191,3 +191,9 @@
 このように意図した表示になります
 （いま出ているエラーは別のエラーだと考えています）
+### 追記
+![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-06-05/3101b3d1-98dd-43dd-bbaa-f1ae0cde7abb.png)
+同様にrailsの他のcurrent_userを使うメソッドでエラーが出ています。
+（原因は同じだと思われます）

Cookie Ruby on Rails 6 React.js

コンソール表示内容を追記しました。

2022/06/05 08:44

投稿

kiyomasa

スコア40

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -177,4 +177,17 @@
     at async useAuthCheck.js:21:1
 ```
+### 追記
+ログイン後　画面が白くなり、コンソールにエラーがでます。
+ただ、推測ですが画面の
+![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-06-05/d86a87da-310b-40d7-8c8b-6009961231ce.png)
+![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-06-05/d7269cc3-574e-4bda-ade5-8f873fbe925c.png)
+useEffectのcheckAuthをコメントアウトした場合
+![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-06-05/d55139c8-65c7-471e-89e0-c2042dd6484d.png)
+このように意図した表示になります
+（いま出ているエラーは別のエラーだと考えています）

Cookie Ruby on Rails 6 React.js

コンソールのエラーについて追記しました。

2022/06/05 06:52

投稿

kiyomasa

スコア40

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -145,4 +145,36 @@
 ### 参考記事
 https://qiita.com/kurawo___D/items/d5257e69bcb300908687#1appjs%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E3%81%AB%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%BC%E3%81%AE%E3%83%AD%E3%82%B0%E3%82%A4%E3%83%B3%E7%8A%B6%E6%85%8B%E3%81%8C%E3%83%81%E3%82%A7%E3%83%83%E3%82%AF%E3%81%A7%E3%81%8D%E3%82%8B%E3%83%A9%E3%82%A4%E3%83%95%E3%82%B5%E3%82%A4%E3%82%AF%E3%83%AB%E3%82%92%E5%AE%9A%E7%BE%A9%E3%81%99%E3%82%8B
+## 追記
+コンソールには下記のようなエラーが出ていますが、これはuserというステートに上記で入れる予定のuser情報がnull
+のため、出ているエラーです。
+ステートの値がnullなので、レンダリングするビューの値がおかしくなり、画面が真っ白になります
+質問が解消されれば共連れで解消するはずです。
+```
+Mypage.jsx:92 Uncaught TypeError: Cannot read properties of null (reading 'user')
+    at Mypage.jsx:92:1
+    at renderWithHooks (react-dom.development.js:14985:1)
+    at updateFunctionComponent (react-dom.development.js:17356:1)
+    at updateSimpleMemoComponent (react-dom.development.js:17215:1)
+    at beginWork (react-dom.development.js:19140:1)
+    at HTMLUnknownElement.callCallback (react-dom.development.js:3945:1)
+    at Object.invokeGuardedCallbackDev (react-dom.development.js:3994:1)
+    at invokeGuardedCallback (react-dom.development.js:4056:1)
+    at beginWork$1 (react-dom.development.js:23964:1)
+    at performUnitOfWork (react-dom.development.js:22776:1)
+    at workLoopSync (react-dom.development.js:22707:1)
+    at renderRootSync (react-dom.development.js:22670:1)
+    at performSyncWorkOnRoot (react-dom.development.js:22293:1)
+    at react-dom.development.js:11327:1
+    at unstable_runWithPriority (scheduler.development.js:468:1)
+    at runWithPriority$1 (react-dom.development.js:11276:1)
+    at flushSyncCallbackQueueImpl (react-dom.development.js:11322:1)
+    at flushSyncCallbackQueue (react-dom.development.js:11309:1)
+    at scheduleUpdateOnFiber (react-dom.development.js:21893:1)
+    at dispatchAction (react-dom.development.js:16139:1)
+    at useAuthCheck.js:30:1
+    at async useAuthCheck.js:21:1
+```

Cookie Ruby on Rails 6 React.js