파이어베이스 연습중인데 로컬에서는 post 요청이 잘됫는데 배포후 사이트에서는 cors에러가 나네요

Question

제가 openai 활용해서 뭐좀 만들고 있엇는데요로컬로 테스트할때는 cors 에러도 안생기고 요청잘 받앗는데파이어베이스 호스팅 후 거기서 post요청하니 cors 에러가 생기네요cors 관련설정 아무리 건들여봐도 뭔가 해결되지가 않는데 어떤식으로 해결해야할까요?밑에는 네트워크 오류난거 긁어온거에요Request URL: https://us-central1-nulligpt.cloudfunctions.net/hello Referrer Policy: strict-origin-when-cross-origin Response Headers Request Headers Console What's new Issues Network conditions top Default levels 25 Issues:1231 23 Chrome is moving towards a new experience that allows users to choose to browse without third-party cookies. nulligpt.web.app/:1 Access to fetch at 'https://us-central1-nulligpt.cloudfunctions.net/hello' from origin 'https://nulligpt.web.app' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: The 'Access-Control-Allow-Origin' header contains the invalid value 'true'. Have the server send the header with a valid value, or, if an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled. (index):21 POST https://us-central1-nulligpt.cloudfunctions.net/hello net::ERR_FAILED (index):30 Request failed TypeError: Failed to fetch at HTMLFormElement.<anonymous> ((index):21:36) nulligpt.web.app/:1 Unchecked runtime.lastError: The message port closed before a response was received. nulligpt.web.app/:1 Unchecked runtime.lastError: The message port closed before a response was received. Network Log Row Name: hellous-central1-nulligpt.cloudfunctions.net const functions &#61; require('firebase-functions'); const express &#61; require('express'); const cors &#61; require('cors'); const app &#61; express(); app.use(cors({ origin: 'true', })); app.get('/hello', (req, res) &#61;> { res.status(200).send('Hello World'); }); app.post('/hello', (req, res) &#61;> { res.status(200).send('Hello from POST'); }); exports.hello &#61; functions.https.onRequest(app); document.getElementById('nameForm').addEventListener('submit', async function(event) { event.preventDefault(); try { const response &#61; await fetch('https://us-central1-nulligpt.cloudfunctions.net/api/hello', { method: 'POST', headers: { 'Content-Type': 'application/json' } }); const text &#61; await response.text(); document.getElementById('response').innerText &#61; text; } catch (error) { console.log('Request failed', error); document.getElementById('response').innerText &#61; 'Request failed'; } });

더미 · Answer

origin: true

kimhwanhoon · Answer

아주 친절하게 적어놨는데 안 읽으시나요?The 'Access-Control-Allow-Origin' header contains the invalid value 'true'. Have the server send the header with a valid value, or, if an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

파이어베이스 연습중인데 로컬에서는 post 요청이 잘됫는데 배포후 사이트에서는 cors에러가 나네요

2개의 답변

#post 목록