NextJs CORS 문제
P粉919464207
2023-08-29 12:57:35
<p>통신을 위해 api.example.com(api.example.com)이 아닌 다른 서버에서 호스트되는 백엔드가 필요한 Vercel(www.example.com)에서 호스트되는 Next.js 애플리케이션이 있습니다. .
.NET Core 웹 API는 CORS를 허용하도록 구성되어 있지만 응답에 허용-cors 헤더가 누락되어 AXIOS를 사용하여 데이터를 가져올 때 Next.js에서 데이터를 표시할 수 없다고 계속 불평합니다. </p>
<인용문>
<p>원본 'http://www.example.com'의 'https://api.example.com'에서 XMLHttpRequest에 대한 액세스가 CORS 정책에 의해 차단되었습니다. 실행 전 요청에 대한 응답이 액세스 제어 확인에 실패했습니다. : 요청한 리소스에 'Access-Control-Allow-Origin' 헤더가 존재하지 않습니다</p>
</인용문>
<p><code>npm run dev</code>를 사용하여 로컬에서 실행하면 잘 작동하지만, 빌드한 다음 <code>npm run start</code></p>
<p>제작 과정에서 cors 문제를 해결하는 방법을 아는 사람이 있나요? </p>
원한다면
nextjs
中使用cors
库,我为其创建了一个库nextjs-cors
.https://www.npmjs.com/nextjs-cors
https://github.com/yonycalsin/nextjs-cors
으아악해결책을 여기에서 찾았습니다:
기본적으로 루트 디렉터리에 next.config.js 파일을 추가하고 다음을 추가하면 됩니다.
으아악