찾다

 >  Q&A  >  본문

NextJs CORS 문제

<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粉919464207P粉919464207462일 전581

모든 응답(2)나는 대답할 것이다

  • P粉438918323

    P粉4389183232023-08-30 11:03:32

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

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

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

    으아악

    회신하다
    0
  • P粉044526217

    P粉0445262172023-08-30 09:16:21

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

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

    으아악

    회신하다
    0
  • 취소회신하다