<div id="readability-page-1" class="page"><div><h2 id="cookie-이슈">Cookie 이슈</h2>
Http 요청에 Cookie가 제대로 실려나가지 않는 이슈가 있다. 
아직 미해결중이다... 내일와서 다시 봐야겠다.
 테스트과정 
<ul>
<li><code>withCredentials: true</code> 를 해주었는데도 cookie가 안실려나감</li>
<li>local에 http를 사용하는 express 서버를 띄우고, <code>Access-Control-Allow-Origin: 클라이언트_오리진</code>, <code>Access-Control-Allow-Credentials: true</code>로 테스트해보았을땐 제대로 케시가 실려나감</li>
</ul>
 마주쳤던 이슈/해결방법 
<ul>
<li>서버의 <code>Access-Control-Allow-Origin</code>에 프로토콜을 누락함</li>
<li><code>withCredential: true</code>인 요청에 대해선 반드시 <code>Access-Control-Allow-Credentials: true</code>를 해주어야 함</li>
<li>서버에서<code>Access-Control-Allow-Credentials: true</code> 를 해줄 경우 <code>Access-Control-Allow-Origin</code>의 값으로 <code>*</code>값이 불가능하다. 명시적으로 origin을 적어주어야 한다.</li>
<li>자동으로 명시적으로 origin을 적어주기위해 cors 라이브러리를 사용하면 편하다.</li>
</ul>
<pre><code>const cors = require("cors");

//...

app.use(
 cors({
 origin: true, // request의 origin을보고 Access-Control-Allow-Origin을 자동으로 세팅해준다.
 credentials: true, // Access-Control-Allow-Credentials: true
 })
);

//...
</code></pre>
 의심되는 부분 
로컬 테스트환경과 다른점이라고하면 <code>http</code>, <code>https</code> 차이밖에 없다. 
<code>http</code> 서버에서 <code>https</code> 서버로 <code>get</code> 요청시 <code>withCredentials: true</code> 이라하더라도 쿠키가 전달이 안되는건지 확인해봐야겠다.
sameSite 옵션에 대해서도 조금 더 알아봐야겠다.</div></div>

ginameee.log

Jangchun Lee

Cookie 이슈
Http 요청에 Cookie가 제대로 실려나가지 않는 이슈가 있다.
아직 미해결중이다... 내일와서 다시 봐야겠다.
** 테스트과정 **
withCredentials: true 를 해주었는데도 cookie가 안실려나감
local에 http를 사용하는 express 서버를 띄우고, Access-Control-Allow-Origin: 클라이언트_오리진, Access-Control-Allow-Credentials: true로 테스트해보았을땐 제대로 케시가 실려나감
** 마주쳤던 이슈/해결방법 **
서버의 Access-Control-Allow-Origin에 프로토콜을 누락함
withCredential: true인 요청에 대해선 반드시 Access-Control-Allow-Credentials: true를 해주어야 함
서버에서Access-Control-Allow-Credentials: true 를 해줄 경우 Access-Control-Allow-Origin의 값으로 *값이 불가능하다. 명시적으로 origin을 적어주어야 한다.
자동으로 명시적으로 origin을 적어주기위해 cors 라이브러리를 사용하면 편하다.
const cors = require("cors");
//...
app.use(
  cors({
    origin: true, // request의 origin을보고 Access-Control-Allow-Origin을 자동으로 세팅해준다.
    credentials: true, // Access-Control-Allow-Credentials: true
  })
);
//...
```
** 의심되는 부분 **
로컬 테스트환경과 다른점이라고하면 http, https 차이밖에 없다.
http 서버에서 https 서버로 get 요청시 withCredentials: true 이라하더라도 쿠키가 전달이 안되는건지 확인해봐야겠다.
sameSite 옵션에 대해서도 조금 더 알아봐야겠다.

2021.12.13

댓글