rider_one
268
2021-04-30 16:49:30
2
623

react 배포시 cors문제 질문입니다.


안녕하세요.


로컬개발시

1. api서버와 리액트 서버간의 포트가 틀려서 axios 사용시 cors 문제 발생

=> package.json에 proxy를 api서버와 동일하게 지정하여 해결 후 개발 진행


운영서버(window)에 배포시 

1. proxy의 ip만 수정 후 적용

=> Error: Request failed with status code 404 에러뜸 

2. 그래서 axios url을 풀 경로 적어줌 

3. 이번에는 


from origin 'http://경로..' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: It does not have HTTP ok status.

에러가 뜸


질문

1. 로컬에서는 proxy를 지정해주면

axios url 입력시 "/board/call" 이런식으로 앞에 ip:port 부분은 안적고 사용했었는데 아파치 배포 후에는 왜 404에러가 뜰까요?


2. axios의 url을 ip:port까지 풀 경로 작성해줬는데 이제 cors가 발생했습니다. 


구글링해도..서버, 프론트 에서 header Access-Control-Allow-Origin : *

처리하는것만 나와서... 해결을 못하고 있습니다.




서버환경

- window server

- restapi : tomcat에 8080포트로 올라감

- react :  apache에 80포트로 도메인 및 배포 파일 경로 지정해둠

- react 배포파일 :  package.json에 proxy 를 restapi 경로로 지정해둠


0
  • 답변 2

  • TorenA
    647
    2021-04-30 16:54:23

    이건 서버쪽에서 cors 도메인을 허용 해줘야합니다

  • rider_one
    268
    2021-04-30 17:00:05

     흰띄1그랄

    현재 세팅된 부분입니다.

    Access-Control-Allow-Origin : * 이거 아닌가요? 

    네트워크부분은 아직 잘 모르겠습니다 후...

  • 로그인을 하시면 답변을 등록할 수 있습니다.