Next.js: Next.js 9 एपीआई रूट अनुरोध प्राप्त करें पर काम करता है लेकिन अनुरोध पोस्ट नहीं करता है

को निर्मित 14 जुल॰ 2019 · 23टिप्पणियाँ · स्रोत: vercel/next.js

Next.js के बारे में प्रश्न

मैं प्राप्त करने के बजाय पोस्ट का उपयोग करने के लिए कुछ एपीआई को संशोधित करने का प्रयास करता हूं।
मेरे पास सामान्य लाने के साथ इस तरह का अनुरोध कोड है

 const response = await fetch(`${process.env.SERVER}/api/lyric?id=${song.song_id}`);

यह ./पेज/एपीआई के अंदर फ़ाइल में पहुंच जाएगा और हल हो जाएगा, हालांकि, अगर मैं निम्नलिखित में कोड में बदलता हूं

 const response = await fetch(`${process.env.SERVER}/api/lyric`, {
                    method: 'POST',
                    body: JSON.stringify({id: song.song_id})
                });

यह मुझे 404 नहीं मिला देगा। मुझे आश्चर्य है कि यहाँ क्या समस्या है?

शुक्रिया

स्रोत

zluo01

👍8

सबसे उपयोगी टिप्पणी

मैं निम्नलिखित के साथ हमारी परियोजना में 404 भी देखता हूं:

const res = await fetch('/api/bookings', {
  method: 'POST',
  body: JSON.stringify({ hungry: true }),
  headers: {
    'Content-Type': 'application/json',
  },
})
const data = await res.json()

इससे कोई फर्क नहीं पड़ता कि सामग्री api/bookings फ़ाइल में क्या है। यह कभी नहीं मारा जाएगा। मैं लोकलहोस्ट पर प्रोजेक्ट चलाने के लिए now dev का उपयोग कर रहा हूं

अद्यतन
मुझे पता चला कि यह now dev साथ ठीक काम करता है लेकिन यह मेरी server.js फ़ाइल के साथ काम नहीं करता क्योंकि मैंने पोस्ट अनुरोधों को संभाला नहीं था। यदि आप पोस्ट अनुरोध के लिए बस एक हैंडलर जोड़ते हैं, तो सब कुछ ठीक काम करेगा:

server.post('*', (req, res) => {
  return handle(req, res)
})

TommySorensen 15 अग॰ 2019

👍28 🎉16 🚀8 ❤1

सभी 23 टिप्पणियाँ

अरे @ zluo01 , पूर्ण पुनरुत्पादन प्रदान करें, आपकी समस्या से यह अनुमान लगाना कठिन है कि क्या गलत हो सकता है। आप POST लिए एकीकरण परीक्षण की जांच कर सकते हैं।

huv1k 14 जुल॰ 2019

क्या आप इसका पता लगा पाए? एपीआई मार्गों के लिए प्रलेखन बहुत कम है, और मुझे GET अनुरोधों के लिए ठीक काम करने वाले मार्ग पर भेजे गए POST अनुरोधों के लिए 404 प्रतिक्रिया भी मिल रही है

colemahatmccreary 18 जुल॰ 2019

👍13

क्या आप इसका पता लगा पाए? एपीआई मार्गों के लिए प्रलेखन बहुत कम है, और मुझे GET अनुरोधों के लिए ठीक काम करने वाले मार्ग पर भेजे गए POST अनुरोधों के लिए 404 प्रतिक्रिया भी मिल रही है

क्षमा करें, नहीं, मैं इसके बजाय गेट और सामान को हेडर के अंदर रखता हूं और मेरे पास पूर्ण प्रजनन का उत्पादन करने का समय नहीं है।

zluo01 19 जुल॰ 2019

पोस्ट को संभालने पर कुछ दस्तावेज उपयोगी होंगे

stoplion 24 जुल॰ 2019

👍49

@stoplion आप क्या दस्तावेज बनाना चाहेंगे? क्या आप इसके लिए समस्या टेम्पलेट के बाद कोई समस्या बना सकते हैं?

timneutkens 24 जुल॰ 2019

👎2 👍1

ज़रूर

stoplion 25 जुल॰ 2019

मैं निम्नलिखित के साथ हमारी परियोजना में 404 भी देखता हूं:

const res = await fetch('/api/bookings', {
  method: 'POST',
  body: JSON.stringify({ hungry: true }),
  headers: {
    'Content-Type': 'application/json',
  },
})
const data = await res.json()

server.post('*', (req, res) => {
  return handle(req, res)
})

TommySorensen 15 अग॰ 2019

👍28 🎉16 🚀8 ❤1

@TommySorensen इसे नवीनतम कैनरी में तय किया जाना चाहिए

huv1k 15 अग॰ 2019

👍2

क्या इसका कभी उत्तर दिया गया? क्या अगले v9 एपीआई रूट पर पोस्ट करने का कोई तरीका है?

danielfein 16 अग॰ 2019

👍1

क्या इसका कभी उत्तर दिया गया? क्या अगले v9 एपीआई रूट पर पोस्ट करने का कोई तरीका है?

हां। बस एपीआई मार्गों पर पोस्ट करना ठीक काम करेगा। इस उदाहरण का प्रयोग

TommySorensen 16 अग॰ 2019

@ huv1k रिलीज पर कोई विचार?

lifeiscontent 17 अग॰ 2019

@lifeiscontent किसका रिलीज?

huv1k 17 अग॰ 2019

👎1

@ huv1k जब

lifeiscontent 17 अग॰ 2019

@lifeiscontent ठीक करने के लिए कोई बग नहीं है। मैंने इसे स्वयं परीक्षण किया। यदि आप नेक्स्टजेएस उदाहरणों का उपयोग करते हैं तो पोस्ट ठीक काम करता है। यह आपके आवेदन में ठीक से कुछ है। कृपया पूर्ण कोड का उदाहरण प्रदान करें, ताकि हम जांच में सहायता कर सकें 👍

TommySorensen 18 अग॰ 2019

🚀2

आसान आसान
आपके _कस्टम सर्वर_ में
करना

server.use((req, res) => app.getRequestHandler()(req, res))

maddhruv 18 सित॰ 2019

👍2

रेप्रो:

npx create-next-app --example with-firebase-authentication with-firebase-authentication-app

फ़ाइल जोड़ें api/test.js

export default (req, res) => {
  console.log('api test', req.method)
  res.json('ok')
}

Server.js में अनुरोध हैंडलर जोड़ें:

server.use((req, res) => app.getRequestHandler()(req, res))

yarn dev चलाएँ (या node server.js )

पोस्ट को http://localhost पर भेजें: 3000/api/test

अपेक्षित: कंसोल लॉग api test POST
वास्तविक: कोई लॉग नहीं, अनुरोध टाइमआउट तक लंबित रहता है

thgh 16 अक्तू॰ 2019

👍4

आपको उदाहरण अपडेट करने की आवश्यकता है:

  server.get('*', (req, res) => {
    return handle(req, res)
  })

होने की जरूरत:

  server.all('*', (req, res) => {
    return handle(req, res)
  })

Timer 16 अक्तू॰ 2019

👍10

हमारी गलती मिली: isomorphic-unfetch अपग्रेड करना => अपग्रेड न करें

वैसे, फायरबेस निर्भरता काफी पुरानी है:

 firebase             ^5.6.0  →    ^7.2.1
 firebase-admin       ^5.8.2  →    ^8.6.1

thgh 17 अक्तू॰ 2019

अगर किसी के पास कस्टम एक्सप्रेस सर्वर के साथ अभी तक यह समस्या है, तो यह कई बॉडी पार्सर्स का उपयोग करते समय हो सकता है, क्योंकि नेक्स्टजे एपीआई रूट डिफ़ॉल्ट रूप से इसे सक्षम करता है। केवल एक्सप्रेस बॉडी पार्सर या केवल नेक्स्टजेएस बॉडी पार्सर का उपयोग करें। नेक्स्टजेएस बॉडी पार्सर को वहां प्रलेखित कैसे निष्क्रिय करें: https://nextjs.org/docs#api -middlewares

epranka 18 दिस॰ 2019

👍6

@epranka @thgh , यार, मुझे यह पता लगाने में घंटों लग गए।

मैं फायरबेस क्लाउड फ़ंक्शंस सर्वर का उपयोग कर रहा हूं, और मैं अपने एपीआई रूट पर कोई पोस्ट अनुरोध नहीं कर सका। POST अनुरोध लटकेंगे, लेकिन GET अनुरोध ठीक काम करेंगे। और अगर मैं स्थानीय नेक्स्टजेएस देव सर्वर का उपयोग कर रहा था, तो पोस्ट अनुरोध भी ठीक काम करेंगे।

फ़ायरबेस क्लाउड फ़ंक्शंस का उपयोग करते समय बॉडी पार्सर को अक्षम करना इसे ठीक करता है।

स्पष्ट रूप से फायरबेस क्लाउड फ़ंक्शंस अपने स्वयं के बॉडी पार्सर के साथ आता है, और यह नेक्स्टजेएस एक के साथ संघर्ष करता है। तो आपको फायरबेस क्लाउड फ़ंक्शंस के लिए बॉडी पार्सर को अक्षम करना होगा, लेकिन इसे नेक्स्टजेएस देव सर्वर का उपयोग करके स्थानीय विकास के लिए सक्षम करना होगा।

तो मूल रूप से इसे अपने pages/api/[yourEndPoint].js :

export const config = {
  api: {
    bodyParser: process.env.NODE_ENV !== 'production'
  }
};

rscotten 31 दिस॰ 2019

👍12 ❤3 👀1 🎉1

@TommySorensen उत्तर ने इसे मेरे लिए हल कर दिया:

  server.get("*", (req, res) => handle(req, res));
  server.post("*", (req, res) => handle(req, res));

बहुत धन्यवाद!

cooervo 30 जन॰ 2020

@epranka @thgh , यार, मुझे यह पता लगाने में घंटों लग गए।
मैं फायरबेस क्लाउड फ़ंक्शंस सर्वर का उपयोग कर रहा हूं, और मैं अपने एपीआई रूट पर कोई पोस्ट अनुरोध नहीं कर सका। POST अनुरोध लटकेंगे, लेकिन GET अनुरोध ठीक काम करेंगे। और अगर मैं स्थानीय नेक्स्टजेएस देव सर्वर का उपयोग कर रहा था, तो पोस्ट अनुरोध भी ठीक काम करेंगे।
फ़ायरबेस क्लाउड फ़ंक्शंस का उपयोग करते समय बॉडी पार्सर को अक्षम करना इसे ठीक करता है।
स्पष्ट रूप से फायरबेस क्लाउड फ़ंक्शंस अपने स्वयं के बॉडी पार्सर के साथ आता है, और यह नेक्स्टजेएस एक के साथ संघर्ष करता है। तो आपको फायरबेस क्लाउड फ़ंक्शंस के लिए बॉडी पार्सर को अक्षम करना होगा, लेकिन इसे नेक्स्टजेएस देव सर्वर का उपयोग करके स्थानीय विकास के लिए सक्षम करना होगा।
तो मूल रूप से इसे अपने pages/api/[yourEndPoint].js :
export const config = {
  api: {
    bodyParser: process.env.NODE_ENV !== 'production'
  }
};

धन्यवाद! ठीक उसी मुद्दे का सामना कर रहा था। आपके फिक्स के साथ हल किया गया। यह आश्चर्य की बात है कि फायरबेस फ़ंक्शन स्वचालित बॉडी पार्सिंग को बंद करने के लिए कोई कॉन्फ़िगरेशन नहीं देते हैं।

amardeepsingh20 23 मार्च 2020

इसलिए हमें कस्टम सर्वर का उपयोग करना होगा, मिल गया लेकिन एपीआई रूट के अंदर पार्स किए गए शरीर को प्राप्त करने से कई समस्याएं हल हो जातीं।

rohit267 4 नव॰ 2020

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Next.js: Next.js 9 एपीआई रूट अनुरोध प्राप्त करें पर काम करता है लेकिन अनुरोध पोस्ट नहीं करता है

Next.js के बारे में प्रश्न

सबसे उपयोगी टिप्पणी

सभी 23 टिप्पणियाँ

संबंधित मुद्दों