이렇게 오류가 발생해서
https://devtalk.kakao.com/t/api/132452/3
여기 링크에 나온것처럼
import { Html, Head, Main, NextScript } from "next/document";
export default function Document() {
return (
<Html lang="en">
<Head />
<body>
<script
dangerouslySetInnerHTML={{
__html: `
var script = document.createElement('script');
script.src = '//dapi.kakao.com/v2/maps/sdk.js?appkey=${process.env.NEXT_PUBLIC_KAKAO_MAP_KEY}&libraries=services&autoload=false';
document.body.appendChild(script);
`,
}}
/>
<Main />
<NextScript />
</body>
이런식으로 작성을 해줬는데 여전히 출력이 안됩니다…
localhost:3000에서는 잘되었는데 vercel로 배포한 링크에서만 안됩니다.
이유가 뭘까요
다른 프로젝트에서도 nextjs에서 vercel로 배포해보았는데 제대로 작동되는 headers와의 차이점은 Sec-Fetch-Mode가 cors 인 것 같습니다.
다른 프로젝트에서는 Sec-Fetch-Mode가 no-cors로 되어있었습니다.
어떻게 해야할까요ㅠㅠ