Nuxt 3 프록시 HTTP 요청을 수락하도록 Laravel CORS를 구성하는 방법은 무엇입니까?

Question

Nuxt 3 发送到 api 路由，该路由通向 Laravel 中的身份验证控制器에 클라이언트 요청을 하려고 하는데 다음과 같은 결과가 반환됩니다.

으아악

Nuxt 3에 대해 $fetch api에서 보낸 요청:

으아악

요청이 도착하는 것 같습니다控制器之前就被停止了。这是routes/api.php:

으아악

Laravel 9.2 开始，似乎有一个 config/cors.php 파일에서 구성할 수 있지만 방법을 모르겠습니다. 기본값은 다음과 같습니다:

으아악

Nuxt 3에서 api 请求 到 auth 路由를 허용하는 방법을 아시나요?

Answer 1

Laravel 개발자의 경우 SSR Nuxt 여정을 시작하는 것은 매우 쉬울 수 있습니다. 특히 Homestead

를 사용하여 Laravel을 작성할 때 더욱 그렇습니다.

귀하의 SSR Nuxt 사이트에서는 example.com 作为域，您的 Laravel API 也可以通过前缀 http://example.com/api 调用（路由位于routes/api.php)

을 사용할 수 있습니다.

Nginx 구성은

일 수 있습니다. 으아악

SSR Nuxt3에서

으아악

이후에는 CORS 처리 시간을 절약할 수 있습니다.

---

관련 proxy_set_header X-Forwarded-For $remote_addr; 的更多信息:

SSR Nuxt에서는 일부 요청은 프런트엔드 서버에서 전송되고 일부 요청은 클라이언트 브라우저에서 전송됩니다. 프런트엔드 서버에서 들어올 때 클라이언트의 IP 대신 자체 IP로 Laravel 조절이 트리거될 수 있습니다. 이를 방지하려면 proxy_set_header X-Forwarded-For $remote_addr;을 먼저 추가할 수 있습니다. 그런 다음 Nuxt 요청에 요청 헤더를 추가하세요.

SSR Nuxt2(@nuxtjs/axios 사용)에서 plugins/axios.js

으아악

SSR Nuxt3에는 공식 HTTP 클라이언트가 포함되어 있으므로 axios가 필요하지 않습니다. 여기에서 해결책을 확인하세요