वसंत प्रतिक्रिया क्रोम CORS त्रुटि जब बाहर पहुँचा रूटर

0

सवाल

मैं क्रोम का उपयोग के रूप में अपने डिफ़ॉल्ट ब्राउज़र के लिए । मैं पार मूल में विन्यस्त मेरे वसंत बैकएंड और प्रतिक्रिया सामने अंत है.

वसंत: @CrossOrigin(मूल = "http://localhost:3000") प्रतिक्रिया: const USER_API_BASE_URL = "http://localhost:8080/api/v1/users";

सभी महान काम करता है जब मैं पर काम कर रहा हूँ मेरे पीसी. मैं कॉन्फ़िगर किया गया NOIP और कॉन्फ़िगर किया गया है अपने रूटर करने के लिए मार्ग में आने वाली अपने विकास के लिए पीसी. जब मैं एक सत्र शुरू का उपयोग कर बाहरी पता मैं 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")

दिलचस्प है कि 'लोकलहोस्ट परीक्षण अभी भी काम करते हैं ! दोनों दुनिया के सर्वश्रेष्ठ.

2021-11-23 16:16:53

अन्य भाषाओं में

यह पृष्ठ अन्य भाषाओं में है

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................

इस श्रेणी में लोकप्रिय

लोकप्रिय सवाल इस श्रेणी में