मैं प्रतिक्रिया के लिए एक शुरुआत का एक सा हूँ। मैंने एक फ्लास्क बैकएंड विकसित किया और अब मैं इसे रिएक्ट फॉर फ्रंटेंड के साथ जोड़ना चाहता हूं।
मै इस्तेमाल कर रहा हूँ fetch
प्रतिक्रिया में GET अनुरोध करने के लिए। जब मैं डेटा, पाठ या प्रतिक्रिया जब मैं कॉल करता हूं response.text()
है index.html
में दर्ज करें public
मेरे एप्लिकेशन की निर्देशिका
यहाँ मेरा प्रतिक्रिया कोड है:
componentDidMount() {
fetch('/')
.then(response => {
console.log(response.text()) //Here is the text() i said before
this.setState({ snippets: response.data })
})
.catch(error=>{
console.log(error)
})
}
यहाँ मेरे फ्लास्क ऐप का MRE है:
@app.route('/')
def index():
return {'snippets':['blah','blaha']
में मेरा प्रॉक्सी package.json
proxy: http://127.0.0.1:5000/
मेरा फ्लास्क बैकएंड पोर्ट 5000 पर चल रहा है और पोर्ट 3000 पर प्रतिक्रिया करता है
एक बात का ध्यान रखें कि POST अनुरोध (से) है <form>
) बैकएंड सर्वर के लिए अनुमानित है और मैं फ्लास्क में POST अनुरोध की सामग्री को पुनः प्राप्त कर सकता हूं। इसका उपयोग करके GET अनुरोध fetch
वह काम नहीं कर रहा है।
निर्देशिका संरचना:
-env
-getcode
-templates
-static
-__init__.py
-routes.py
-getcode-client
-src
-public
run.py
यहाँ getcode
कुप्पी एप्लिकेशन की निर्देशिका है और getcode-client
उपयोग करके बनाया गया रिएक्ट ऐप है create-react-app
नोट: इसके अलावा मैंने इस तरह एक मैनुअल प्रॉक्सी सेटअप करने की कोशिश की: https://create-react-app.dev/docs/proxying-ap-requests-in-development/#configuring-the-proxy-manually
लेकिन अब प्रतिक्रिया ऐप नहीं दिखाया गया है। यह पूरी तरह से मेरे फ्लास्क बैकेंड के जोंस आउटपुट को दिखाता है।