ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • Cookie Ex1
    Search: NextJs NextJs 2023. 1. 8. 20:10

     

    Cookie Ex1;
    Cookie Ex2

     

    예제

    파일 '/api/cookie1.ts'

    import type { NextApiRequest, NextApiResponse } from 'next'
    
    function Handler1(
      req: NextApiRequest,
      res: NextApiResponse
    ) {
      console.log("api cookie1a: " + req.headers.cookie);
      console.log("api cookie1b: " + req.cookies["test_token1"]);
      res.setHeader("Set-Cookie", "test_token1=asdfasdf2; path=/;"); //withCredentials;");
      console.log("api cookie2: " + res.getHeader("Set-Cookie"));
    
      res.status(200).send({ name: 'cookie1 res str' })
    }
    
    export default (Handler1);

     

    파일 'cookie1.tsx'

    import Axios from "axios";
    import { GetServerSidePropsContext } from "next";
    
    async function Fun1() {
    	const res1 = await Axios.get('http://localhost:3001/api/cookie1'); //, { withCredentials: true });
    	console.log("fun1 res1: " + res1.headers["set-cookie"]);	
    }
    
    const index = ({ }) => {
    
    	Fun1();
    
    	return (
    		<div>
    			test cookie page
    		</div>
    	);
    }
    
    
    export default index;

     

    결과 server측 출력

    server측 console.log출력

    api cookie1a: test_token1=asdfasdf2
    api cookie1b: asdfasdf2
    api cookie2: test_token1=asdfasdf2; path=/;

     

    결과 client1

    http://localhost:3001/api/cookie1

     

    결과 client2

    http://localhost:3001/cookie1

     

    기타 - cookie값차이

    server console.log(headers) 출력 값

    fun1 res1: set-cookie: test_token1=asdfasdf2; path=/;
    etag: "162u0pgdetsq"
    content-type: application/json; charset=utf-8
    content-length: 26
    vary: Accept-Encoding
    date: Sun, 08 Jan 2023 11:33:11 GMT
    connection: close

     

    client(webbrowser) console.log(headers) 출력 값

     

    'NextJs' 카테고리의 다른 글

    Css(style) 파일 적용하기(Global, Module)  (0) 2023.01.10
    UseEffect Ex3  (0) 2023.01.10
    UseEffect Ex2  (0) 2023.01.10
    UseEffect Ex1  (0) 2023.01.10
    Nextjs Port 변경  (0) 2022.12.30
    Warning: Prop `className` did not match.  (0) 2022.12.25
    Server side, Client side 실행 환경  (0) 2022.12.24
    Nextjs 환경 변수(.env)  (0) 2022.12.24

    댓글