NextJs CORS 문제
P粉919464207
P粉919464207 2023-08-29 12:57:35
0
2
572
<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>
P粉919464207
P粉919464207

모든 응답(2)
P粉438918323

원한다면 nextjs 中使用 cors 库,我为其创建了一个库 nextjs-cors.

https://www.npmjs.com/nextjs-cors

https://github.com/yonycalsin/nextjs-cors

으아악
P粉044526217

해결책을 여기에서 찾았습니다:

기본적으로 루트 디렉터리에 next.config.js 파일을 추가하고 다음을 추가하면 됩니다.

으아악
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿