봄 반응 크롬 CORS 오류가 액세스할 때부 라우터

0

질문

내가 사용하는 Chrome as my default browser. 나는 십자가의 기원에 구성된 내 봄드 반응합니다.

봄학기:@CrossOrigin(기원="http://localhost:3000") 반응:const USER_API_BASE_URL="http://localhost:8080/api/v1/users";

모든 좋은 작품을 할 때 나는 PC 에서 작업. 나는 구성 NOIP 를 구성하고 라우터로 들어오는 내 개발 PC. 시작할 때 세션을 사용하여 외부 주소를 얻을 CORS 오류가: ...

Access to XMLHttpRequest at 'http://localhost:8080/api/v1/users' from origin 'http://TESTURL.ddns.net:3000' has been blocked by CORS policy: The request client is not a secure context and the resource is in more-private address space `local`.
xhr.js:187 GET http://localhost:8080/api/v1/users net::ERR_FAILED
dispatchXhrRequest @ xhr.js:187
xhrAdapter @ xhr.js:13
dispatchRequest @ dispatchRequest.js:53
request @ Axios.js:108
Axios.<computed> @ Axios.js:129
wrap @ bind.js:9
getUsers @ UserService.js:8
componentDidMount @ LoginComponent.jsx:19
commitLifeCycles @ react-dom.development.js:19816
commitLayoutEffects @ react-dom.development.js:22805
callCallback @ react-dom.development.js:188
invokeGuardedCallbackDev @ react-dom.development.js:237
invokeGuardedCallback @ react-dom.development.js:292
commitRootImpl @ react-dom.development.js:22543
unstable_runWithPriority @ scheduler.development.js:653
runWithPriority$1 @ react-dom.development.js:11039
commitRoot @ react-dom.development.js:22383
finishSyncRender @ react-dom.development.js:21809
performSyncWorkOnRoot @ react-dom.development.js:21795
scheduleUpdateOnFiber @ react-dom.development.js:21190
updateContainer @ react-dom.development.js:24375
(anonymous) @ react-dom.development.js:24760
unbatchedUpdates @ react-dom.development.js:21905
legacyRenderSubtreeIntoContainer @ react-dom.development.js:24759
render @ react-dom.development.js:24842
(anonymous) @ index.js:8
./src/index.js @ index.js:19
__webpack_require__ @ bootstrap:856
fn @ bootstrap:150
1 @ reportWebVitals.js:14
__webpack_require__ @ bootstrap:856
checkDeferredModules @ bootstrap:45
webpackJsonpCallback @ bootstrap:32
(anonymous) @ main.chunk.js:1
Show 4 more frames
createError.js:16 Uncaught (in promise) Error: Network Error
    at createError (createError.js:16)
    at XMLHttpRequest.handleError (xhr.js:99)

...

제를 해결할 방법이 있습니까 이?

cors google-chrome reactjs spring
2021-11-23 13:25:02
1

최고의 응답

-1

솔루션 에 반응 프런트 엔드 변경

const USER_API_BASE_URL = "http://localhost:8080/api/v1/documenttype";
to
const USER_API_BASE_URL = "http://XXsystem.ddns.net:8080/api/v1/documenttype";

봄에 백엔드 변경

@CrossOrigin("http://localhost:3000")
to
@CrossOrigin(origins = "http://XXsystem.ddns.net:3000")

흥미로운 것'localhost 테스트는 여전히 작동하! 두 세계의 최고.

2021-11-23 16:16:53

다른 언어로

이 페이지는 다른 언어로되어 있습니다

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................