"CORS 정책에 의해 리디렉션이 차단됨: 'Access-Control-Allow-Origin' 헤더 없음"을 수정하는 방법은 무엇입니까?

Question

저는 Vue js를 사용하여 애플리케이션을 개발하고 있습니다. 내 설정에 따르면 설정이 변경되면 변수를 내 URL에 전달해야 합니다.

<code><!-- 언어: lang-js -->

    $.get('http://172.16.1.157:8002/firstcolumn/' + c1v + '/' + c1b, 함수(데이터) {
      // 일부 코드...
    });

<p>하지만 내 앱이 URL을 클릭하면 다음 메시지가 표시됩니다. </p>
<pre class="brush:php;toolbar:false;">http://172.16.1.157:8002/firstcolumn/2017-03-01/2017-10-26 로드 실패: 'http:/에서 리디렉션 /172.16.1.157:8002/firstcolumn/2017-03-01/2017-10-26'을 'http://172.16.1.157:8002/firstcolumn/2017-03-01/2017-10-26/'으로 변경했습니다. CORS 정책에 의해 차단됨: 요청한 리소스에 'Access-Control-Allow-Origin' 헤더가 없습니다. 따라서 Origin 'http://localhost:8080'에는 액세스가 허용되지 않습니다.

Answer 1

모두들 감사합니다. Chrome에서 이 확장 프로그램으로 문제를 해결했습니다.

CORS 허용: 액세스 제어-원본 허용

Answer 2

아주 언급한 것처럼 서버 담당자에게 재구성을 요청하는 것 외에도(로컬 개발에는 비현실적인 솔루션) 다음과 같이 소스 변경 크롬 플러그인도 사용했습니다.

1. Moesif Orign 및 CORS Converter(예전에는 무료였지만 지금은 직장 이메일 주소가 필요함 >_>)
2. CORS 허용: Access-Control-Allow-Origin< /a>(2023년 테스트)

당신만의 것을 만들 수 있습니다本地开发服务器（例如：localhost:8080）看起来来自172.16.1.157:8002或任何其他域.